From f240016e441bfc46024da5c2fa1e8b995acfffca Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 14 Jun 2024 13:04:37 +0800
Subject: [PATCH 1/5] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E8=B4=B9?=
 =?UTF-8?q?=E7=94=A8=E5=88=86=E6=91=8A=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E3=80=81=E6=95=B0=E5=AD=97=E6=A1=86=E9=BB=98=E8=AE=A4=E5=80=BC?=
 =?UTF-8?q?=E4=B8=BAnull=E3=80=81=E9=A1=B9=E7=9B=AE=E5=BD=92=E6=A1=A3?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=98=AF=E5=93=AA=E4=B8=AA=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E7=9A=84=E4=B8=8A=E4=BC=A0=E9=99=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss                  |   3 +-
 .../DetailComponent/CompanyPicker.vue         | 401 ++++++++++++++++++
 .../DetailComponent/ProjectApply.vue          |  50 +--
 src/components/TagAndFileUpload.vue           |   3 +-
 src/views/expense-management/share/add.vue    |  59 ++-
 src/views/project-demand/requirement/add.vue  |  16 +-
 src/views/project-demand/summary/add.vue      |  11 +-
 .../project-management/filing/upload.vue      |  24 +-
 .../implementation/phase.vue                  |  11 +-
 .../implementation/upload.vue                 |   7 +-
 src/views/special-fund/add.vue                |  13 +-
 11 files changed, 523 insertions(+), 75 deletions(-)
 create mode 100644 src/components/DetailComponent/CompanyPicker.vue

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 633be36..da3e9b3 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -551,7 +551,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
 }
 
 .approval-record {
-  //padding-bottom: 30px;
+  padding-bottom: 30px;
   position: relative;
   .approval-title {
     display: flex;
@@ -561,6 +561,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
     .diagram {
       display: flex;
       align-items: center;
+      float: right;
 
       .base-title {
         margin-right: 10px;
diff --git a/src/components/DetailComponent/CompanyPicker.vue b/src/components/DetailComponent/CompanyPicker.vue
new file mode 100644
index 0000000..d9acfee
--- /dev/null
+++ b/src/components/DetailComponent/CompanyPicker.vue
@@ -0,0 +1,401 @@
+<template>
+  <el-dialog custom-class="custom-dialog" class="border" :border="false" closeFree width="1000px" style="height: 676px"
+             :title="title" :visible.sync="visible" v-model="visible" append-to-body :close-on-click-modal="true"
+             :destroy-on-close="true">
+    <div class="picker">
+      <div class="candidate" v-loading="loading">
+        <el-input v-model="filterText" @change="getList(1)"
+                  clearable placeholder="输入部门/昵称进行搜索">
+          <template #append>
+            <el-button @click="getList(1)">搜索</el-button>
+          </template>
+        </el-input>
+        <!-- 人员选择 -->
+        <el-empty :image-size="100" description="似乎没有数据" v-show="dataList.length === 0"/>
+        <el-scrollbar style="height:90%;">
+          <div class="tree">
+            <el-tree :data="dataList" ref="tree" :props="defaultProps" empty-text="" node-key="value"
+                     :default-expanded-keys="expandedKeys" lazy accordion
+                     @node-click="handleChange" @node-expand="handleChange">
+              <template #default="{ node, data }">
+                <div class="tree-node">
+                  <div v-if="data.type === 0" style="display: flex;align-items: center;padding: 3px 0">
+                    <el-icon>
+                      <UserFilled/>
+                    </el-icon>
+                    {{ node.label }}-{{ data.companyName }}
+                  </div>
+                  <div v-else-if="data.type ===1">
+                    <el-icon>
+                      <UserFilled/>
+                    </el-icon>
+                    {{ node.label }}
+                  </div>
+                  <div v-else>
+                    <el-icon>
+                      <FolderOpened/>
+                    </el-icon>
+                    {{ node.label }}
+                  </div>
+                </div>
+              </template>
+            </el-tree>
+          </div>
+        </el-scrollbar>
+      </div>
+      <div class="selected">
+        <div class="count">
+          <span>已选 {{ selectList.length }} 项</span>
+          <span @click="clearSelected">清空</span>
+        </div>
+        <div class="org-items">
+          <el-empty :image-size="100" description="请点击左侧列表选择数据" v-show="selectList.length === 0"/>
+          <div v-for="(selectItem, selectIndex) in selectList" :key="selectIndex" class="org-item">
+            {{ selectItem.name }}-{{ selectItem.companyName }}
+            <el-icon @click="noSelected(selectItem)" size="20" style="margin-left: 10px;cursor: pointer;">
+              <CircleClose/>
+            </el-icon>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <el-button size="mini" @click="visible = false">取 消</el-button>
+      <el-button size="mini" color="#DED0B2" @click="selectConfirm">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script setup>
+import {computed, defineProps, defineExpose} from "vue";
+import {ElMessageBox} from "element-plus";
+import {getMosrDept} from "@/api/workflow/process-user";
+
+const props = defineProps({
+  value: {
+    type: Array,
+    default: () => {
+      return [];
+    }
+  },
+  multiple: { //是否多选
+    default: true,
+    type: Boolean
+  },
+  showCheckbox: { //是否显示左侧选择框
+    default: true,
+    type: Boolean
+  }
+});
+const radio = ref(0);
+const chooseId = ref(0);
+let selectItem = reactive({
+  type: -1,
+  value: "0"
+});
+const activeNames = ref(["1"]);
+const visible = ref(false);
+const loading = ref(false);
+const title = ref("请选择");
+const selectList = ref([]);
+const filterText = ref("");
+const dataList = ref([]);
+const tree = ref([]);
+const isSearch = ref(false);
+const expandedKeys = ref([]);
+const defaultProps = {
+  value: "value",
+  label: "name",
+  children: "children",
+  isLeaf: (data) => {
+    if (data.type === 0) {
+      return true
+    }
+  }
+};
+const emit = defineEmits();
+
+const _value = computed({
+  get() {
+    return props.value;
+  },
+  set(val) {
+    emit("input", val);
+  }
+});
+
+watch(() => filterText.value, (newVal) => {
+  console.log('filterText.value', newVal)
+  filterText.value = newVal
+});
+
+const getList = (flag) => {
+  let params = {}
+  if (flag === 1) {
+    isSearch.value = true;
+    params = {
+      chooseId: 0,
+      chooseName: filterText.value
+    }
+    selectItem = {
+      type: -1,
+      value: "0"
+    };
+  } else {
+
+    params = {
+      chooseId: radio.value,
+      chooseName: filterText.value
+    }
+  }
+  getMosrDept(params).then(res => {
+    console.log('selectItem.type', selectItem.type)
+    // if (res.data) {
+    if (selectItem.type === -1) {
+      dataList.value = res.data;
+    } else if (selectItem.type === 1) {
+      selectItem.children = res.data;
+      if (res.data.length === 0) {
+        selectItem.children = [{
+          type: 1,
+          name: '暂无数据'
+        }]
+      }
+    } else if (selectItem.type === 2) {
+      selectItem.children = res.data;
+    }
+    // }
+  });
+};
+
+const setData = (source) => {
+  // for (let item of source) {
+  //   this.$set(item, "value", selectItem.value + "-" + item.id)
+  // }
+  return source;
+};
+
+//通过关键字过滤树节点
+// filterNode(value, data) {
+//   if (!value) return true;
+//   return data.name.indexOf(value) !== -1;
+// },
+//用于用户选择
+const showUserPicker = () => {
+  selectItem = {
+    type: -1,
+    value: "0"
+  };
+  dataList.value = [];
+  selectList.value = []
+  chooseId.value = 0;
+  radio.value = 0;
+  visible.value = true;
+  expandedKeys.value = [];
+  getList();
+};
+const handleChange = (item, data) => {
+  selectItem = item;
+  if (isSearch.value && item.type !== 0) {
+    filterText.value = ""
+    radio.value = item.id;
+    getList();
+    return;
+  } else if (!isSearch.value) {
+    //渲染子节点用户或部门及用户数据
+    if (data.expanded) {
+      if (expandedKeys.value.indexOf(item.value) === -1) {
+        expandedKeys.value.push(item.value);
+        if (item.type !== 0) {
+          radio.value = item.id;
+          getList();
+          return;
+        }
+      }
+    }
+  }
+
+  // if(expandedKeys.value.indexOf(item.value)==-1){
+  //   expandedKeys.value.push(item.value);
+  // }else {
+  //   if (data.expanded === true) {
+  //     if (item.type !== 0) {
+  //       chooseId.value = item.id;
+  //       getList();
+  //       return;
+  //     }
+  //   }
+  // }
+
+  //仅选择用户
+  if (item.type === 0) {
+    if (props.multiple) {
+      //不添加重复的数据到右边
+      for (let i = 0; i < selectList.value.length; i++) {
+        if (selectList.value[i].id === item.id) {
+          selectList.value.splice(i, 1);
+          break;
+        }
+      }
+      selectList.value.push(item);
+    } else {
+      selectList.value = [item];
+    }
+  }
+  // _value = selectList.value
+};
+
+const noSelected = (selectItem) => {
+  //右侧的x
+  for (let i = 0; i < selectList.value.length; i++) {
+    if (selectList.value[i].value === selectItem.value) {
+      selectList.value.splice(i, 1);
+      break;
+    }
+  }
+  selectItem.selected = false;
+};
+const clearSelected = () => {
+  //清空
+  ElMessageBox.confirm("您确定要清空已选中的项?", "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning"
+  }).then(() => {
+    selectList.value = [];
+  });
+};
+const selectConfirm = () => {
+  //确定按钮
+  emit("ok", selectList.value);
+  dataList.value = []
+  visible.value = false;
+};
+defineExpose({
+  showUserPicker
+});
+</script>
+
+<style lang="scss" scoped>
+$containWidth: 480px;
+:deep(.tree) {
+  .el-tree-node__content {
+    height: 34px;
+
+    .tree-node {
+      font-size: 18px;
+    }
+  }
+
+  //.el-tree-node {
+  //  .is-leaf + .el-checkbox .el-checkbox__inner {
+  //    display: inline-block;
+  //  }
+  //
+  //  .el-checkbox .el-checkbox__inner {
+  //    display: none;
+  //  }
+  //}
+}
+
+.footer {
+  float: right;
+}
+
+.picker {
+  height: 560px;
+  position: relative;
+  text-align: left;
+
+  .candidate {
+    position: absolute;
+    display: inline-block;
+    width: $containWidth;
+    height: 98%;
+    border: 1px solid #e8e8e8;
+
+    :deep(.el-input) {
+      height: 40px;
+
+      .el-input__inner, .el-input-group__append {
+        font-size: 16px;
+      }
+    }
+  }
+
+  .selected {
+    right: 0;
+    top: 0;
+    position: absolute;
+    display: inline-block;
+    width: 450px;
+    height: 98%;
+    border: 1px solid #e8e8e8;
+
+    .count {
+      width: 100%;
+      padding: 10px;
+      display: inline-block;
+      border-bottom: 1px solid #e8e8e8;
+      margin-bottom: 5px;
+      font-size: 16px;
+
+      > span:nth-child(2) {
+        float: right;
+        color: #c75450;
+        cursor: pointer;
+        margin-left: 10px;
+      }
+    }
+
+    .org-items {
+      overflow-y: auto;
+      height: 90%;
+
+      .el-icon-close {
+        position: absolute;
+        right: 5px;
+        cursor: pointer;
+        font-size: larger;
+      }
+
+      .org-item {
+        margin: 0 5px;
+        border-radius: 5px;
+        position: relative;
+        padding: 7px 5px;
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+
+        &:hover {
+          background: #f1f1f1;
+        }
+
+        > span {
+          margin-left: 5px;
+        }
+      }
+    }
+
+  }
+
+}
+
+.el-scrollbar .el-scrollbar__wrap {
+  overflow-x: hidden;
+}
+
+::-webkit-scrollbar {
+  float: right;
+  width: 4px;
+  height: 4px;
+  background-color: white;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 16px;
+  background-color: #efefef;
+}
+
+</style>
diff --git a/src/components/DetailComponent/ProjectApply.vue b/src/components/DetailComponent/ProjectApply.vue
index 3fcac73..936b1f5 100644
--- a/src/components/DetailComponent/ProjectApply.vue
+++ b/src/components/DetailComponent/ProjectApply.vue
@@ -18,10 +18,11 @@
                       @getAttachment="getAttachment"
                       @getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData"
                       :preview="mode == 'resubmit'"/>
-    <div v-if="mode === 'resubmit'&&!changeDiagram">
+    <div>
       <div class="approval-record">
         <div class="approval-title">
-          <baseTitle title="审批记录"></baseTitle>
+          <baseTitle title="审批记录" v-if="mode === 'resubmit'"></baseTitle>
+          <div v-else></div>
           <div class="diagram">
             <div class="base-title">流程图</div>
             <el-switch
@@ -30,28 +31,30 @@
             />
           </div>
         </div>
-      </div>
-      <div class="process">
-        <operation-render :operation-list="data.operationList" :state="data.state"/>
-      </div>
-    </div>
-    <div v-if="changeDiagram">
-      <div class="approval-record">
-        <div class="approval-title">
-          <baseTitle title="流程图"></baseTitle>
-          <div class="diagram">
-<!--            <div class="base-title">流程图</div>-->
-<!--            <el-switch-->
-<!--                v-model="changeDiagram"-->
-<!--                style="&#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color:#BEA266"-->
-<!--            />-->
-          </div>
+        <div class="process">
+          <operation-render  v-if="mode === 'resubmit'&&!changeDiagram" :operation-list="data.operationList" :state="data.state"/>
+          <process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer&&changeDiagram"/>
         </div>
       </div>
-      <div class="process">
-        <process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer"/>
-      </div>
+
     </div>
+<!--    <div v-if="changeDiagram">-->
+<!--      <div class="approval-record">-->
+<!--        <div class="approval-title">-->
+<!--          <baseTitle title="流程图"></baseTitle>-->
+<!--          <div class="diagram">-->
+<!--&lt;!&ndash;            <div class="base-title">流程图</div>&ndash;&gt;-->
+<!--&lt;!&ndash;            <el-switch&ndash;&gt;-->
+<!--&lt;!&ndash;                v-model="changeDiagram"&ndash;&gt;-->
+<!--&lt;!&ndash;                style="&#45;&#45;el-switch-on-color: #13ce66; &#45;&#45;el-switch-off-color:#BEA266"&ndash;&gt;-->
+<!--&lt;!&ndash;            />&ndash;&gt;-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--      <div class="process">-->
+<!--        <process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer"/>-->
+<!--      </div>-->
+<!--    </div>-->
     <div class="oper-page-btn">
       <el-button color="#DED0B2" v-if="mode === 'submit'" @click="handleSubmit">提交</el-button>
       <el-button color="#DED0B2" v-else-if="mode === 'resubmit'" @click="handleSubmit">重新提交</el-button>
@@ -80,7 +83,7 @@
           <template #default="scope">
             <div style="display: flex;align-items: center">
               <el-button type="primary" @click="chooseProProcess(scope.row)" link>选择</el-button>
-              <a :href="scope.row.baseUrl" target="_blank" style="color: #2a99ff;margin-left: 10px">查看详情</a>
+              <a :href="scope.row.baseUrl" target="_blank" style="color: #2a99ff;margin-left: 10px">查看流程</a>
             </div>
           </template>
         </el-table-column>
@@ -113,7 +116,7 @@ import Paging from "@/components/pagination/index.vue";
 
 const router = useRouter()
 const route = useRoute()
-const changeDiagram = ref(true)
+const changeDiagram = ref(false)
 const emit = defineEmits(["getAttachment", "getOtherFile"])
 const props = defineProps({
   title: {
@@ -392,7 +395,6 @@ watchEffect(() => {
 })
 
 onMounted(async () => {
-  // changeDiagram.value = props.mode === 'submit';
   await init()
 })
 </script>
diff --git a/src/components/TagAndFileUpload.vue b/src/components/TagAndFileUpload.vue
index 47a0a68..350888d 100644
--- a/src/components/TagAndFileUpload.vue
+++ b/src/components/TagAndFileUpload.vue
@@ -70,7 +70,8 @@ const tableConfig = reactive({
     {
       prop: 'tag',
       label: '文件大小',
-      align: 'center'
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
     },
     {
       prop: 'oper',
diff --git a/src/views/expense-management/share/add.vue b/src/views/expense-management/share/add.vue
index 5e222c9..2b3cc74 100644
--- a/src/views/expense-management/share/add.vue
+++ b/src/views/expense-management/share/add.vue
@@ -125,8 +125,14 @@
       <el-button type="primary" @click="handleAdd" link style="font-size: 18px">添加一行</el-button>
     </div>
     <div class="approval-record">
-      <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <div style="display: flex;align-items: center;margin-bottom: 20px">
+        <baseTitle title="流程图"></baseTitle>
+        <el-switch
+            v-model="changeDiagram"
+            style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
+        />
+      </div>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
     </div>
     <div class="oper-page-btn">
       <el-button color="#DED0B2" v-if="routerName==='Share/add'" @click="handleSubmit(form)">提交</el-button>
@@ -143,6 +149,7 @@ import {addAllocation, getAllocationDetail, getAllocationProcess, getResearchUse
 import {useProcessStore} from '@/stores/processStore.js';
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
 
+const changeDiagram = ref(false)
 const rules = reactive({
   shareName: [{required: true, message: '请输入分摊名称', trigger: 'blur'}],
   apportionmentMonth: [{required: true, message: '请选择月份', trigger: 'blur'}],
@@ -171,13 +178,13 @@ const formData = ref({
       projectId:'',
       projectName: '',
       researchPersonnel:'',
-      wagesPayable:'',
-      performance:'',
-      reserveFund:'',
-      socialSecurity:'',
-      annuity:'',
-      workday:'',
-      researchDuration:''
+      wagesPayable:null,
+      performance:null,
+      reserveFund:null,
+      socialSecurity:null,
+      annuity:null,
+      workday:'21.75',
+      researchDuration:null,
     }
   ]
 })
@@ -207,19 +214,30 @@ const handleAdd = () => {
     projectId: '',
     projectName: '',
     researchPersonnel: '',
-    wagesPayable: '',
-    performance: '',
-    reserveFund: '',
-    socialSecurity: '',
-    annuity: '',
-    workday: '',
-    researchDuration: '',
-    // subtotal: '',
+    wagesPayable:null,
+    performance:null,
+    reserveFund:null,
+    socialSecurity:null,
+    annuity:null,
+    workday:'21.75',
+    researchDuration:null,
   }
   formData.value.tableData.push(row)
 }
 const handleCopy = (row) => {
-  formData.value.tableData.push(row)
+  let copyObj = {
+    projectId: row.projectId,
+    projectName: '',
+    researchPersonnel:  row.researchPersonnel,
+    wagesPayable: row.wagesPayable,
+    performance: row.performance,
+    reserveFund: row.reserveFund,
+    socialSecurity: row.socialSecurity,
+    annuity: row.annuity,
+    workday:'21.75',
+    researchDuration: row.researchDuration,
+  }
+  formData.value.tableData.push(copyObj)
 }
 const handleDelete = (index) => {
   formData.value.tableData.splice(index, 1)
@@ -243,7 +261,7 @@ const handleSubmit = (instance) => {
       usrAllocations: formData.value.tableData,
       deploymentId: processInstanceData.value.deploymentId,
     }
-    console.log('params',params)
+    // console.log('params',params)
     const {code, msg} = await addAllocation(params)
     ElNotification({
       title: '提示',
@@ -279,7 +297,7 @@ const handleResubmit = (instance) => {
       usrAllocations: formData.value.tableData,
       deploymentId: processInstanceData.value.deploymentId,
     }
-    console.log('params',params)
+    // console.log('params',params)
     const {code, msg} = await editAllocation(params)
     ElNotification({
       title: '提示',
@@ -321,7 +339,6 @@ const getDetailList = async () => {
       item.researchPersonnel = Number(item.researchPersonnel)
     })
     formData.value.tableData = data.rows
-    console.log('formData.value.tableData',formData.value.tableData)
     nextTick(() => {
       showTable.value = true
     })
diff --git a/src/views/project-demand/requirement/add.vue b/src/views/project-demand/requirement/add.vue
index a7578b7..530f616 100644
--- a/src/views/project-demand/requirement/add.vue
+++ b/src/views/project-demand/requirement/add.vue
@@ -34,7 +34,7 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="所属公司" prop="companyIds" class="tree-select">
-<!--            <el-button @click="showCompany">请选择</el-button>-->
+            <!--            <el-button @click="showCompany">请选择</el-button>-->
             <el-tree-select v-model="formData.companyIds" :data="companyOption"
                             filterable clearable :check-strictly="true" multiple/>
           </el-form-item>
@@ -79,8 +79,14 @@
       </template>
     </fvTable>
     <div class="approval-record">
-      <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <div style="display: flex;align-items: center;margin-bottom: 20px">
+        <baseTitle title="流程图"></baseTitle>
+        <el-switch
+            v-model="changeDiagram"
+            style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
+        />
+      </div>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
     </div>
     <div class="oper-page-btn">
       <el-button color="#DED0B2" v-if="routerName==='Requirement/add'" @click="handleSubmit(demandForm)">提交</el-button>
@@ -109,6 +115,7 @@ import {getSubCompOpt} from '@/api/user/user.js'
 import {useTagsView} from '@/stores/tagsview.js'
 import {getFundOption} from "@/api/special-fund";
 
+const changeDiagram = ref(false)
 const tagsViewStore = useTagsView()
 const authStore = useAuthStore()
 const router = useRouter()
@@ -389,7 +396,8 @@ onMounted(async () => {
 :deep(.el-empty__description) {
   margin-top: 0;
 }
-.tree-select{
+
+.tree-select {
   :deep(.el-form-item__content .el-select__wrapper ) {
     width: 750px;
   }
diff --git a/src/views/project-demand/summary/add.vue b/src/views/project-demand/summary/add.vue
index 6963ed8..d461f33 100644
--- a/src/views/project-demand/summary/add.vue
+++ b/src/views/project-demand/summary/add.vue
@@ -237,8 +237,14 @@
                       @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
                       :preview="name === 'Summary/edit'"/>
     <div class="approval-record">
-      <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <div style="display: flex;align-items: center;margin-bottom: 20px">
+        <baseTitle title="流程图"></baseTitle>
+        <el-switch
+            v-model="changeDiagram"
+            style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
+        />
+      </div>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
     </div>
     <div class="oper-page-btn">
       <!--      <el-button type="info" @click="staging">存为草稿</el-button>-->
@@ -261,6 +267,7 @@ import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.v
 import {getFormInfo} from "@/api/project-demand";
 import {getFundOption} from "@/api/special-fund";
 
+const changeDiagram = ref(false)
 const cacheStore = useCacheStore()
 const processStore = useProcessStore()
 const router = useRouter()
diff --git a/src/views/project-management/filing/upload.vue b/src/views/project-management/filing/upload.vue
index a93a3cf..ed3ec34 100644
--- a/src/views/project-management/filing/upload.vue
+++ b/src/views/project-management/filing/upload.vue
@@ -1,7 +1,7 @@
 <template>
   <baseTitle title="基础信息"></baseTitle>
   <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
-  <baseTitle title="上传附件"></baseTitle>
+  <baseTitle :title="getName()+'-上传附件'"></baseTitle>
   <el-card style="width: 100%;margin: 15px 0">
     <file-upload @getFile="getFile" />
     <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"
@@ -102,25 +102,21 @@ const getBaseInfo = async () => {
 }
 
 getBaseInfo()
-const compositeParam = (item) => {
-  let tag=''
+const getName=()=>{
   switch (route.query.name) {
     case '00':
-      tag='需求征集'
-      break
+      return '需求征集'
     case '10':
-      tag='需求上报'
-      break
+      return '需求上报'
     case '20':
-      tag='项目立项'
-      break
+      return '项目立项'
     case '40':
-      tag='项目实施'
-      break
+      return '项目实施'
     case '50':
-      tag='项目归档'
-      break
+      return '项目归档'
   }
+}
+const compositeParam = (item) => {
   return {
     fileId: item.id,
     size: item.size,
@@ -128,7 +124,7 @@ const compositeParam = (item) => {
     fileType: item.fileType,
     url: item.url,
     newFile: true,
-    tag: tag,
+    tag: getName(),
   }
 }
 const getFile = (val) => {
diff --git a/src/views/project-management/implementation/phase.vue b/src/views/project-management/implementation/phase.vue
index e9a6a2d..edbeadc 100644
--- a/src/views/project-management/implementation/phase.vue
+++ b/src/views/project-management/implementation/phase.vue
@@ -13,8 +13,14 @@
                       @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
                       :preview="name === 'Phase/edit'"/>
     <div class="approval-record">
-      <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <div style="display: flex;align-items: center;margin-bottom: 20px">
+        <baseTitle title="流程图"></baseTitle>
+        <el-switch
+            v-model="changeDiagram"
+            style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
+        />
+      </div>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
     </div>
     <div class="oper-page-btn">
       <el-button color="#DED0B2" v-if="name==='Phase/change'" @click="handleSubmit">提交</el-button>
@@ -34,6 +40,7 @@ import {useTagsView} from '@/stores/tagsview.js'
 import {computed, ref} from "vue";
 import {getBaseInfoApi} from "@/components/steps/api";
 
+const changeDiagram = ref(false)
 const tagsViewStore = useTagsView()
 const router = useRouter()
 const route = useRoute()
diff --git a/src/views/project-management/implementation/upload.vue b/src/views/project-management/implementation/upload.vue
index 00b2448..fb9d3f0 100644
--- a/src/views/project-management/implementation/upload.vue
+++ b/src/views/project-management/implementation/upload.vue
@@ -1,7 +1,7 @@
 <template>
   <baseTitle title="基础信息"></baseTitle>
   <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
-  <baseTitle title="标签名称"></baseTitle>
+  <baseTitle title="项目实施-上传附件"></baseTitle>
   <el-form :model="formData" ref="tagForm" label-width="auto" :rules="rules">
     <el-form-item label="标签名称" prop="tagName">
       <el-input v-model="formData.tagName" placeholder="请输入标签名称" style="width: 300px" v-if="showInput"/>
@@ -87,9 +87,10 @@ const tableConfig = reactive({
       align: 'center'
     },
     {
-      prop: 'tag',
+      prop: 'size',
       label: '文件大小',
-      align: 'center'
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
     },
     {
       prop: 'oper',
diff --git a/src/views/special-fund/add.vue b/src/views/special-fund/add.vue
index e45826d..f85d464 100644
--- a/src/views/special-fund/add.vue
+++ b/src/views/special-fund/add.vue
@@ -27,8 +27,14 @@
       </template>
     </fvTable>
     <div class="approval-record">
-      <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+      <div style="display: flex;align-items: center;margin-bottom: 20px">
+        <baseTitle title="流程图"></baseTitle>
+        <el-switch
+            v-model="changeDiagram"
+            style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
+        />
+      </div>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
     </div>
     <div class="oper-page-btn">
       <el-button color="#DED0B2" v-if="routerName === 'Fund/add'" @click="handleSubmit(fundForm)">提交</el-button>
@@ -47,6 +53,7 @@ import {useTagsView} from '@/stores/tagsview.js'
 import {useProcessStore} from '@/stores/processStore.js';
 import {downloadFile, deleteFile} from "@/api/project-demand";
 
+const changeDiagram = ref(false)
 const tagsViewStore = useTagsView()
 const router = useRouter()
 const route = useRoute()
@@ -58,7 +65,7 @@ const fundForm = ref()
 const processDiagramViewer = ref(false)
 const formData = ref({
   name: '',
-  fundAmount: '',
+  fundAmount: null,
   introduce: '',
   files: []
 })

From 58cbceb747c43f51aa4b2c787b45ad4e96465dbf Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 14 Jun 2024 14:01:41 +0800
Subject: [PATCH 2/5] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E5=AE=9E=E6=96=BD=E5=8F=B0=E8=B4=A6=E5=AD=97=E5=85=B8?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/expense-management/ledger/index.vue           | 2 +-
 src/views/project-management/implementation/account.vue | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/expense-management/ledger/index.vue b/src/views/expense-management/ledger/index.vue
index a9b2a48..7856719 100644
--- a/src/views/expense-management/ledger/index.vue
+++ b/src/views/expense-management/ledger/index.vue
@@ -104,7 +104,7 @@ const tableConfig = reactive({
       align: 'center',
       showOverflowTooltip: false,
       currentRender: ({row, index}) => {
-        if (row.projectCost !== null) {
+        if (row.projectCost !== null&&row.projectCost !== null&&row.projectCost!==undefined) {
           return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
         } else {
           return '--'
diff --git a/src/views/project-management/implementation/account.vue b/src/views/project-management/implementation/account.vue
index 4c19295..79f2547 100644
--- a/src/views/project-management/implementation/account.vue
+++ b/src/views/project-management/implementation/account.vue
@@ -122,8 +122,12 @@ const tableConfig = reactive({
       label: '项目费用',
       align: 'center',
       currentRender: ({row, index}) => {
-        if (row.projectCost !== null) {
-          return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
+        if (row.projectCost !== null&&row.projectCost !== null&&row.projectCost!==undefined) {
+          if(typeof Number(row.projectCost) === 'number'){
+            return '--'
+          }else {
+            return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
+          }
         } else {
           return '--'
         }

From 532ef440cef1e1f9f51b65d58ef75a7404b47097 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 14 Jun 2024 23:17:32 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E9=9C=80=E6=B1=82=E5=BE=81=E9=9B=86=E6=89=80=E5=B1=9E?=
 =?UTF-8?q?=E5=85=AC=E5=8F=B8=E9=80=89=E6=8B=A9=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DetailComponent/CompanyPicker.vue         | 234 +++++++-----------
 src/utils/matterTree.js                       |   2 +-
 src/views/project-demand/requirement/add.vue  |  44 +++-
 3 files changed, 131 insertions(+), 149 deletions(-)

diff --git a/src/components/DetailComponent/CompanyPicker.vue b/src/components/DetailComponent/CompanyPicker.vue
index d9acfee..0e7e54e 100644
--- a/src/components/DetailComponent/CompanyPicker.vue
+++ b/src/components/DetailComponent/CompanyPicker.vue
@@ -4,10 +4,10 @@
              :destroy-on-close="true">
     <div class="picker">
       <div class="candidate" v-loading="loading">
-        <el-input v-model="filterText" @change="getList(1)"
-                  clearable placeholder="输入部门/昵称进行搜索">
+        <el-input v-model="filterText" @change="getList()"
+                  clearable placeholder="输入部门进行搜索">
           <template #append>
-            <el-button @click="getList(1)">搜索</el-button>
+            <el-button @click="getList()">搜索</el-button>
           </template>
         </el-input>
         <!-- 人员选择 -->
@@ -15,26 +15,12 @@
         <el-scrollbar style="height:90%;">
           <div class="tree">
             <el-tree :data="dataList" ref="tree" :props="defaultProps" empty-text="" node-key="value"
-                     :default-expanded-keys="expandedKeys" lazy accordion
-                     @node-click="handleChange" @node-expand="handleChange">
+                     default-expand-all :show-checkbox="showCheckbox" highlight-current :default-checked-keys="defaultChecked"
+                     :check-strictly="multiple===false" @node-click="(node,check)=>handle(node,check)"
+                     @check-change="handleChange" :filter-node-method="filterNode">
               <template #default="{ node, data }">
                 <div class="tree-node">
-                  <div v-if="data.type === 0" style="display: flex;align-items: center;padding: 3px 0">
-                    <el-icon>
-                      <UserFilled/>
-                    </el-icon>
-                    {{ node.label }}-{{ data.companyName }}
-                  </div>
-                  <div v-else-if="data.type ===1">
-                    <el-icon>
-                      <UserFilled/>
-                    </el-icon>
-                    {{ node.label }}
-                  </div>
-                  <div v-else>
-                    <el-icon>
-                      <FolderOpened/>
-                    </el-icon>
+                  <div style="display: flex;align-items: center;padding: 3px 0">
                     {{ node.label }}
                   </div>
                 </div>
@@ -51,8 +37,9 @@
         <div class="org-items">
           <el-empty :image-size="100" description="请点击左侧列表选择数据" v-show="selectList.length === 0"/>
           <div v-for="(selectItem, selectIndex) in selectList" :key="selectIndex" class="org-item">
-            {{ selectItem.name }}-{{ selectItem.companyName }}
-            <el-icon @click="noSelected(selectItem)" size="20" style="margin-left: 10px;cursor: pointer;">
+            {{ selectItem.label }}
+            <el-icon @click="noSelected(selectItem)" size="20" style="margin-left: 10px;cursor: pointer;"
+                     v-if="showCheckbox===false">
               <CircleClose/>
             </el-icon>
           </div>
@@ -67,9 +54,8 @@
 </template>
 
 <script setup>
-import {computed, defineProps, defineExpose} from "vue";
 import {ElMessageBox} from "element-plus";
-import {getMosrDept} from "@/api/workflow/process-user";
+import {getSubCompOpt} from "@/api/user/user";
 
 const props = defineProps({
   value: {
@@ -93,28 +79,22 @@ let selectItem = reactive({
   type: -1,
   value: "0"
 });
-const activeNames = ref(["1"]);
 const visible = ref(false);
 const loading = ref(false);
 const title = ref("请选择");
 const selectList = ref([]);
 const filterText = ref("");
 const dataList = ref([]);
+const defaultChecked = ref([]);
 const tree = ref([]);
 const isSearch = ref(false);
 const expandedKeys = ref([]);
 const defaultProps = {
   value: "value",
-  label: "name",
-  children: "children",
-  isLeaf: (data) => {
-    if (data.type === 0) {
-      return true
-    }
-  }
+  label: "label",
+  children: "children"
 };
 const emit = defineEmits();
-
 const _value = computed({
   get() {
     return props.value;
@@ -125,135 +105,102 @@ const _value = computed({
 });
 
 watch(() => filterText.value, (newVal) => {
-  console.log('filterText.value', newVal)
-  filterText.value = newVal
+  tree.value.filter(newVal);
 });
 
-const getList = (flag) => {
-  let params = {}
-  if (flag === 1) {
-    isSearch.value = true;
-    params = {
-      chooseId: 0,
-      chooseName: filterText.value
-    }
-    selectItem = {
-      type: -1,
-      value: "0"
-    };
-  } else {
-
-    params = {
-      chooseId: radio.value,
-      chooseName: filterText.value
-    }
-  }
-  getMosrDept(params).then(res => {
-    console.log('selectItem.type', selectItem.type)
-    // if (res.data) {
-    if (selectItem.type === -1) {
-      dataList.value = res.data;
-    } else if (selectItem.type === 1) {
-      selectItem.children = res.data;
-      if (res.data.length === 0) {
-        selectItem.children = [{
-          type: 1,
-          name: '暂无数据'
-        }]
-      }
-    } else if (selectItem.type === 2) {
-      selectItem.children = res.data;
-    }
-    // }
+const getList = () => {
+  getSubCompOpt().then(res => {
+    dataList.value = res.data;
   });
 };
 
-const setData = (source) => {
-  // for (let item of source) {
-  //   this.$set(item, "value", selectItem.value + "-" + item.id)
-  // }
-  return source;
-};
-
 //通过关键字过滤树节点
-// filterNode(value, data) {
-//   if (!value) return true;
-//   return data.name.indexOf(value) !== -1;
-// },
-//用于用户选择
-const showUserPicker = () => {
-  selectItem = {
-    type: -1,
-    value: "0"
-  };
-  dataList.value = [];
-  selectList.value = []
-  chooseId.value = 0;
-  radio.value = 0;
-  visible.value = true;
-  expandedKeys.value = [];
-  getList();
+const filterNode = (value, data) => {
+  //通过关键字过滤树节点
+  if (!value) return true;
+  return data.label.indexOf(value) !== -1;
 };
-const handleChange = (item, data) => {
-  selectItem = item;
-  if (isSearch.value && item.type !== 0) {
-    filterText.value = ""
-    radio.value = item.id;
-    getList();
-    return;
-  } else if (!isSearch.value) {
-    //渲染子节点用户或部门及用户数据
-    if (data.expanded) {
-      if (expandedKeys.value.indexOf(item.value) === -1) {
-        expandedKeys.value.push(item.value);
-        if (item.type !== 0) {
-          radio.value = item.id;
-          getList();
-          return;
-        }
-      }
-    }
-  }
-
-  // if(expandedKeys.value.indexOf(item.value)==-1){
-  //   expandedKeys.value.push(item.value);
-  // }else {
-  //   if (data.expanded === true) {
-  //     if (item.type !== 0) {
-  //       chooseId.value = item.id;
-  //       getList();
-  //       return;
-  //     }
-  //   }
-  // }
-
-  //仅选择用户
-  if (item.type === 0) {
+//用于用户选择
+const show = () => {
+  //用于弹开部门选择
+  visible.value = true;
+  selectList.value=_value.value
+  defaultChecked.value=_value.value.map(item=>item.value)
+  getList()
+};
+const handleChange = (data, checked) => {
+  // 左侧有选择框
+  if (props.showCheckbox) {
+    // 左侧有选择框 + 多选
     if (props.multiple) {
       //不添加重复的数据到右边
       for (let i = 0; i < selectList.value.length; i++) {
-        if (selectList.value[i].id === item.id) {
+        if (selectList.value[i].value === data.value) {
           selectList.value.splice(i, 1);
           break;
         }
       }
-      selectList.value.push(item);
-    } else {
-      selectList.value = [item];
+      if (checked) {
+        if (data.children === undefined) {
+          selectList.value.push(data);
+        }
+      } else if (data === "1") {
+        tree.value.setCheckedKeys([]);
+        selectList.value = [];
+      }
+    } else {// 左侧有选择框 + 单选
+      //不添加重复的数据到右边
+      for (let i = 0; i < selectList.value.length; i++) {
+        if (selectList.value[i].value === data.value) {
+          selectList.value.splice(i, 1);
+          break;
+        }
+      }
+      if (checked) {
+        tree.value.setCheckedNodes([data]);
+        // this.$refs.tree.setCheckedKeys([]);
+        selectList.value = [data];
+      } else if (data === "1") {
+        selectList.value = [];
+        tree.value.setCheckedKeys([]);
+      }
     }
   }
-  // _value = selectList.value
 };
-
+const handle = (node, check) => {
+  if (check.isLeaf !== false) {
+    if (props.multiple) {
+      //不添加重复的数据到右边
+      for (let i = 0; i < selectList.value.length; i++) {
+        if (selectList.value[i].value === node.value) {
+          selectList.value.splice(i, 1);
+          break;
+        }
+      }
+      check.checked = true;
+      selectList.value.push(node);
+    } else {
+      check.checked = true;
+      selectList.value = [node];
+    }
+  }
+  // _value.value = selectList.value
+};
 const noSelected = (selectItem) => {
-  //右侧的x
+  //左侧无选择框时,右侧显示×
   for (let i = 0; i < selectList.value.length; i++) {
     if (selectList.value[i].value === selectItem.value) {
       selectList.value.splice(i, 1);
+      tree.value.setCheckedKeys(i);
       break;
     }
   }
-  selectItem.selected = false;
+  if (props.showCheckbox) {
+    // 左侧有选择框 + 单选
+    if (props.multiple === false) {
+      tree.value.setCheckedKeys([]);
+    }
+  }
 };
 const clearSelected = () => {
   //清空
@@ -262,7 +209,11 @@ const clearSelected = () => {
     cancelButtonText: "取消",
     type: "warning"
   }).then(() => {
-    selectList.value = [];
+    if (!props.showCheckbox) {
+      selectList.value = [];
+    } else {
+      handleChange("1");
+    }
   });
 };
 const selectConfirm = () => {
@@ -272,8 +223,9 @@ const selectConfirm = () => {
   visible.value = false;
 };
 defineExpose({
-  showUserPicker
+  show
 });
+getList()
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/matterTree.js b/src/utils/matterTree.js
index 24f791d..6698582 100644
--- a/src/utils/matterTree.js
+++ b/src/utils/matterTree.js
@@ -5,7 +5,7 @@ export const matterTree = (array,data, id) => {
         array.push(data[i].label);
       }
       if (data[i].children && data[i].children.length > 0) {
-        matterTree(data[i].children)
+        matterTree(array,data[i].children,id)
       }
     }
     return array;
diff --git a/src/views/project-demand/requirement/add.vue b/src/views/project-demand/requirement/add.vue
index 530f616..db1b430 100644
--- a/src/views/project-demand/requirement/add.vue
+++ b/src/views/project-demand/requirement/add.vue
@@ -34,9 +34,10 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="所属公司" prop="companyIds" class="tree-select">
-            <!--            <el-button @click="showCompany">请选择</el-button>-->
-            <el-tree-select v-model="formData.companyIds" :data="companyOption"
-                            filterable clearable :check-strictly="true" multiple/>
+            <div>{{ getName(companyList) }}</div>
+            <el-button @click="showCompany">{{companyList.length===0?'请选择':'更改'}}</el-button>
+<!--                        <el-tree-select v-model="formData.companyIds" :data="companyOption"-->
+<!--                                        filterable clearable :check-strictly="true" multiple/>-->
           </el-form-item>
         </el-col>
         <el-col :span="6">
@@ -93,6 +94,7 @@
       <el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button>
       <el-button @click="handleBack">返回</el-button>
     </div>
+    <company-picker :multiple="true" ref="companyRef" title="请选择所属公司" v-model:value="companyList" @ok="selected"/>
   </div>
 </template>
 
@@ -109,12 +111,15 @@ import {
 } from "@/api/project-demand/index.js";
 import FileUpload from "@/components/FileUpload.vue";
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
-import {ElMessageBox, ElNotification} from "element-plus";
+import {ElNotification} from "element-plus";
 import {useRoute, useRouter} from 'vue-router'
 import {getSubCompOpt} from '@/api/user/user.js'
 import {useTagsView} from '@/stores/tagsview.js'
 import {getFundOption} from "@/api/special-fund";
+import CompanyPicker from "@/components/DetailComponent/CompanyPicker.vue";
 
+const companyRef = ref()
+const companyList = ref([])
 const changeDiagram = ref(false)
 const tagsViewStore = useTagsView()
 const authStore = useAuthStore()
@@ -124,7 +129,7 @@ const demandForm = ref()
 const dateValue = ref()
 const formData = ref({
   requirementName: '',
-  companyIds: '',
+  companyIds: [],
   collectType: '',
   deadline: '',
   collectExplain: '',
@@ -200,7 +205,24 @@ const tableConfig = reactive({
     }
   ]
 })
-
+const getName = (list) => {
+  return list.map(item => item.label).join('，')
+}
+const showCompany = () => {
+  companyRef.value.show()
+}
+const selected = (select) => {
+  let companyInfoList = []
+  for (let val of select) {
+    let companyInfo = {
+      value: val.value,
+      label: val.label
+    }
+    companyInfoList.push(companyInfo)
+    formData.value.companyIds.push(val.value)
+  }
+  companyList.value = companyInfoList
+}
 const checkFormPrem = (formKey) => {
   if (formPermMap.value.hasOwnProperty(formKey)) {
     let formItem = formPermMap.value[formKey];
@@ -208,7 +230,6 @@ const checkFormPrem = (formKey) => {
   } else {
     return true;
   }
-
 }
 
 const handleDownload = (row) => {
@@ -291,6 +312,15 @@ const init = async () => {
   })
 }
 const submitParam = (item) => {
+  console.log('item..',item.companyIds)
+  if(item.companyIds.length===0){
+    ElNotification({
+      title: '提示',
+      message: '请选择所属公司',
+      type: 'error'
+    })
+    return;
+  }
   let files = []
   item.fileList.forEach(item => {
     let obj = {

From 73313a1532419f820a7b74725be15d43dee70fe8 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 14 Jun 2024 23:26:38 +0800
Subject: [PATCH 4/5] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E9=98=B6?=
 =?UTF-8?q?=E6=AE=B5=E5=8F=98=E6=9B=B4=E4=B8=AD=E6=8A=84=E9=80=81=E4=BA=BA?=
 =?UTF-8?q?=E5=91=98=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/project-demand/requirement/add.vue   |  2 +-
 .../components/ToolToShowUserPicker.vue        | 18 +++++++-----------
 .../implementation/phase.vue                   |  4 ++--
 .../workflow/process/common/UserPicker.vue     |  2 +-
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/views/project-demand/requirement/add.vue b/src/views/project-demand/requirement/add.vue
index db1b430..7d3d887 100644
--- a/src/views/project-demand/requirement/add.vue
+++ b/src/views/project-demand/requirement/add.vue
@@ -35,7 +35,7 @@
         <el-col :span="24">
           <el-form-item label="所属公司" prop="companyIds" class="tree-select">
             <div>{{ getName(companyList) }}</div>
-            <el-button @click="showCompany">{{companyList.length===0?'请选择':'更改'}}</el-button>
+            <el-button  color="#DED0B2" @click="showCompany">{{companyList.length===0?'请选择所属公司':'更改'}}</el-button>
 <!--                        <el-tree-select v-model="formData.companyIds" :data="companyOption"-->
 <!--                                        filterable clearable :check-strictly="true" multiple/>-->
           </el-form-item>
diff --git a/src/views/project-management/implementation/components/ToolToShowUserPicker.vue b/src/views/project-management/implementation/components/ToolToShowUserPicker.vue
index 4818c8b..3dde1c2 100644
--- a/src/views/project-management/implementation/components/ToolToShowUserPicker.vue
+++ b/src/views/project-management/implementation/components/ToolToShowUserPicker.vue
@@ -1,6 +1,7 @@
 <template>
-  <el-button color="#DED0B2"  >
-    {{ modelValue || '请选择抄送人员' }}
+  <div>{{modelValue}}</div>
+  <el-button color="#DED0B2" style="margin-left: 10px" @click="click">
+    {{ modelValue?'更改':'请选择抄送人员' }}
   </el-button>
 </template>
 
@@ -11,13 +12,8 @@ const props = defineProps({
     default: ''
   }
 })
-
-// const emit = defineEmits('update: modelValue')
-
-const localText = ref('')
-
+const emit = defineEmits('clickCopyUser')
+const click=()=>{
+  emit("clickCopyUser")
+}
 </script>
-
-<style lang="scss" scoped>
-
-</style>
diff --git a/src/views/project-management/implementation/phase.vue b/src/views/project-management/implementation/phase.vue
index edbeadc..58b7614 100644
--- a/src/views/project-management/implementation/phase.vue
+++ b/src/views/project-management/implementation/phase.vue
@@ -4,7 +4,7 @@
     <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
     <el-form :model="formData" label-width="auto">
       <el-form-item label="抄送人员">
-        <Ttsup :modelValue="chooseUserInfo()" @click="chooseUser"/>
+        <Ttsup :modelValue="chooseUserInfo()" @clickCopyUser="chooseUser"/>
       </el-form-item>
     </el-form>
     <user-picker :multiple="true" ref="userPicker" title="请选择抄送人员" v-model:value="userList" @ok="selected"/>
@@ -130,7 +130,7 @@ const chooseUserInfo = () => {
       return item.name
     }).join('，')
   } else {
-    return "请选择抄送人员"
+    return null
   }
 }
 const selected = (select) => {
diff --git a/src/views/workflow/process/common/UserPicker.vue b/src/views/workflow/process/common/UserPicker.vue
index d9acfee..523e2d7 100644
--- a/src/views/workflow/process/common/UserPicker.vue
+++ b/src/views/workflow/process/common/UserPicker.vue
@@ -187,7 +187,7 @@ const showUserPicker = () => {
     value: "0"
   };
   dataList.value = [];
-  selectList.value = []
+  // selectList.value = []
   chooseId.value = 0;
   radio.value = 0;
   visible.value = true;

From 9153c2090229132eb59ad286604946458e09a722 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sat, 15 Jun 2024 00:47:17 +0800
Subject: [PATCH 5/5] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E5=85=AC?=
 =?UTF-8?q?=E5=8F=B8=E9=80=89=E6=8B=A9=E6=A1=86=E5=85=A8=E9=80=89=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DetailComponent/CompanyPicker.vue         | 31 +++++++++++++++----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/components/DetailComponent/CompanyPicker.vue b/src/components/DetailComponent/CompanyPicker.vue
index 0e7e54e..222f8c6 100644
--- a/src/components/DetailComponent/CompanyPicker.vue
+++ b/src/components/DetailComponent/CompanyPicker.vue
@@ -5,14 +5,16 @@
     <div class="picker">
       <div class="candidate" v-loading="loading">
         <el-input v-model="filterText" @change="getList()"
-                  clearable placeholder="输入部门进行搜索">
+                  clearable placeholder="输入公司进行搜索">
           <template #append>
             <el-button @click="getList()">搜索</el-button>
           </template>
         </el-input>
+        <el-button v-if="isChooseAll" @click="chooseAll">全选</el-button>
+        <el-button v-else @click="cancelAll">不全选</el-button>
         <!-- 人员选择 -->
         <el-empty :image-size="100" description="似乎没有数据" v-show="dataList.length === 0"/>
-        <el-scrollbar style="height:90%;">
+        <el-scrollbar style="height:87%;">
           <div class="tree">
             <el-tree :data="dataList" ref="tree" :props="defaultProps" empty-text="" node-key="value"
                      default-expand-all :show-checkbox="showCheckbox" highlight-current :default-checked-keys="defaultChecked"
@@ -74,6 +76,7 @@ const props = defineProps({
   }
 });
 const radio = ref(0);
+const isChooseAll = ref(true);
 const chooseId = ref(0);
 let selectItem = reactive({
   type: -1,
@@ -107,7 +110,22 @@ const _value = computed({
 watch(() => filterText.value, (newVal) => {
   tree.value.filter(newVal);
 });
-
+const matterTree=(list)=>{
+  list.forEach(item=>{
+    tree.value.setChecked(item,true)
+    if(item.children!==undefined){
+      matterTree(item.children)
+    }
+  })
+}
+const cancelAll=()=>{
+  isChooseAll.value=true
+  tree.value.setCheckedNodes([])
+}
+const chooseAll=()=>{
+  isChooseAll.value=false
+  matterTree(dataList.value)
+}
 const getList = () => {
   getSubCompOpt().then(res => {
     dataList.value = res.data;
@@ -252,6 +270,7 @@ $containWidth: 480px;
 
 .footer {
   float: right;
+  margin-top: 10px;
 }
 
 .picker {
@@ -261,9 +280,9 @@ $containWidth: 480px;
 
   .candidate {
     position: absolute;
-    display: inline-block;
+    display: block;
     width: $containWidth;
-    height: 98%;
+    height: 100%;
     border: 1px solid #e8e8e8;
 
     :deep(.el-input) {
@@ -281,7 +300,7 @@ $containWidth: 480px;
     position: absolute;
     display: inline-block;
     width: 450px;
-    height: 98%;
+    height: 100%;
     border: 1px solid #e8e8e8;
 
     .count {