Merge branch 'master' of http://gitea.xxhhcty.xyz:8080/zcdsj/factory_web
This commit is contained in:
commit
618d620b4a
|
|
@ -0,0 +1,54 @@
|
||||||
|
import config from "@/config"
|
||||||
|
import http from "@/utils/request"
|
||||||
|
export default {
|
||||||
|
project: {
|
||||||
|
list: {
|
||||||
|
name: "获取列表",
|
||||||
|
req: async function(data){
|
||||||
|
return await http.get(
|
||||||
|
`${config.API_URL}/rem/project/`,
|
||||||
|
data
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
item: {
|
||||||
|
name: "获取详情",
|
||||||
|
req: async function(id){
|
||||||
|
return await http.get(
|
||||||
|
`${config.API_URL}/rem/project/${id}/`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cquery: {
|
||||||
|
name: "复杂查询",
|
||||||
|
req: async function(data){
|
||||||
|
return await http.post(
|
||||||
|
`${config.API_URL}/rem/project/cquery/`,
|
||||||
|
data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
update: {
|
||||||
|
name: "编辑更新",
|
||||||
|
req: async function(id, data){
|
||||||
|
return await http.put(
|
||||||
|
`${config.API_URL}/rem/project/${id}/`,
|
||||||
|
data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
create: {
|
||||||
|
name: "新增",
|
||||||
|
req: async function(data){
|
||||||
|
return await http.post(
|
||||||
|
`${config.API_URL}/rem/project/`,
|
||||||
|
data);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
delete: {
|
||||||
|
name: "删除",
|
||||||
|
req: async function(id){
|
||||||
|
return await http.delete(
|
||||||
|
`${config.API_URL}/rem/project/${id}/`);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
<template>
|
||||||
|
<el-container>
|
||||||
|
<el-header>
|
||||||
|
<div class="left-panel">
|
||||||
|
<el-button type="primary" @click="handleAdd" v-auth="'research_project.create'">新增</el-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</el-header>
|
||||||
|
<el-main class="nopadding">
|
||||||
|
<scTable
|
||||||
|
ref="table"
|
||||||
|
:apiObj="API.rem.project.list"
|
||||||
|
row-key="id"
|
||||||
|
stripe
|
||||||
|
:query="query"
|
||||||
|
>
|
||||||
|
<el-table-column label="项目名称" prop="name" width="300" show-overflow-tooltip>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-link type="primary" @click.stop="()=>{t_id=scope.row.id;mode='show';drawerVisible=true;}">{{ scope.row.name }}</el-link>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column label="审批状态" width="250" show-overflow-tooltip>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag :type="actStateEnum[scope.row.ticket_?.act_state]?.type">
|
||||||
|
{{ actStateEnum[scope.row.ticket_?.act_state]?.text }}
|
||||||
|
</el-tag>
|
||||||
|
<el-tag type="info" effect="plain">{{ scope.row.ticket_?.state_.name }}</el-tag>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column label="项目负责人" prop="leader_name" width="120" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="项目成员" prop="participants" width="200" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="开始日期" prop="start_date" width="120" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="结束日期" prop="end_date" width="120" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="附件数" prop="files" width="200" show-overflow-tooltip>
|
||||||
|
<template #default="scope">
|
||||||
|
{{ scope.row.files.length }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="项目介绍" prop="description" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="操作" fixed="right" align="right" width="100">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button
|
||||||
|
type="warning"
|
||||||
|
link
|
||||||
|
size="small"
|
||||||
|
@click.stop="table_edit(scope.row)"
|
||||||
|
v-auth="'research_project.update'"
|
||||||
|
>编辑
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</scTable>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
<el-drawer title="科研项目" v-model="drawerVisible" :size="'80%'" destroy-on-close>
|
||||||
|
<project_form :mode="mode" :t_id="t_id" @success="()=>{drawerVisible = false; $refs.table.refresh()}"></project_form>
|
||||||
|
</el-drawer>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import API from '@/api'
|
||||||
|
import project_form from './project_form.vue'
|
||||||
|
import { actStateEnum, interveneTypeEnum } from "@/utils/enum.js";
|
||||||
|
const query = ref({});
|
||||||
|
const drawerVisible = ref(false);
|
||||||
|
const mode = ref('add');
|
||||||
|
const t_id = ref(null);
|
||||||
|
const handleAdd = () => {
|
||||||
|
mode.value = 'add';
|
||||||
|
drawerVisible.value = true;
|
||||||
|
}
|
||||||
|
const table_edit = (row) => {
|
||||||
|
t_id.value = row.id;
|
||||||
|
mode.value = 'edit';
|
||||||
|
drawerVisible.value = true;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,181 @@
|
||||||
|
<template>
|
||||||
|
<el-container>
|
||||||
|
<el-main class="nopadding">
|
||||||
|
<el-form label-width="100px" :model="formData" style="padding: 20px;">
|
||||||
|
<el-form-item label="项目名称" required>
|
||||||
|
<el-input v-model="formData.name" placeholder="请输入项目名称" :disabled="localMode!='add'"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目介绍" required>
|
||||||
|
<el-input v-model="formData.description" :disabled="localMode!='add'" type="textarea"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="开始日期" required>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="dateRange"
|
||||||
|
type="daterange"
|
||||||
|
align="right"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
unlink-panels
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="归还日期"
|
||||||
|
:disabled="localMode != 'add'"
|
||||||
|
@change="handleDateChange">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目负责人" required>
|
||||||
|
<xtSelect
|
||||||
|
v-model="formData.leader"
|
||||||
|
:label="formData.leader_name"
|
||||||
|
:apiObj="$API.system.user.list"
|
||||||
|
:edit="localMode==='add'"
|
||||||
|
>
|
||||||
|
<el-table-column prop="name" label="姓名"></el-table-column>
|
||||||
|
<el-table-column prop="belong_dept_name" label="所属部门"></el-table-column>
|
||||||
|
<el-table-column prop="post_name" label="岗位"></el-table-column>
|
||||||
|
<el-table-column prop="phone" label="手机号"></el-table-column>
|
||||||
|
</xtSelect>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目成员" required>
|
||||||
|
<el-input v-model="formData.participants" placeholder="请输入项目名称" :disabled="localMode==='show'"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="附件" required>
|
||||||
|
<sc-upload-filed
|
||||||
|
v-model="formData.files"
|
||||||
|
:file_ = "formData.files_"
|
||||||
|
:multiple="true"
|
||||||
|
:limit="10"
|
||||||
|
:disabled="localMode ==='show'"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model="formData.note" :disabled="localMode==='show'" type="textarea"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-footer>
|
||||||
|
<div style="display:flex; justify-content: space-between;">
|
||||||
|
<div>
|
||||||
|
<el-button type="danger"
|
||||||
|
v-auth="'research_project.delete'"
|
||||||
|
:loading="saveLoading"
|
||||||
|
style="margin-right: 4px;"
|
||||||
|
@click="handleDel"
|
||||||
|
>删除</el-button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-button
|
||||||
|
v-if="localMode!='show'"
|
||||||
|
type="primary"
|
||||||
|
style="margin-right: 4px;"
|
||||||
|
@click="handleSave"
|
||||||
|
:loading="saveLoading"
|
||||||
|
>保存</el-button>
|
||||||
|
<!-- <ticketd_b
|
||||||
|
v-if = "formData.ticket_ && localMode=='show'"
|
||||||
|
:t_id="formData.id"
|
||||||
|
:ticket_="formData.ticket_"
|
||||||
|
:ticket_data="ticket_data"
|
||||||
|
@success="$emit('success', localMode)"
|
||||||
|
ref="ticketd_b"
|
||||||
|
></ticketd_b> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-footer>
|
||||||
|
</el-main>
|
||||||
|
<!-- <el-aside width="20%" v-if="formData.ticket_">
|
||||||
|
<ticketd :ticket_="formData.ticket_" @success="$emit('success')"></ticketd>
|
||||||
|
</el-aside> -->
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ticketd_b from "@/views/wf/ticketd_b.vue";
|
||||||
|
import ticketd from '@/views/wf/ticketd.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
ticketd_b,
|
||||||
|
ticketd
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
mode: {
|
||||||
|
type: String,
|
||||||
|
default: 'show'
|
||||||
|
},
|
||||||
|
t_id: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
formData: {
|
||||||
|
survery_form_: null
|
||||||
|
},
|
||||||
|
localMode: this.mode,
|
||||||
|
saveLoading: false,
|
||||||
|
dateRange: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
mode(newVal) {
|
||||||
|
this.localMode = newVal;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.t_id) {
|
||||||
|
this.getTid();
|
||||||
|
} else {
|
||||||
|
this.localMode = "add";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleDateChange(value) {
|
||||||
|
if (value && value.length == 2) {
|
||||||
|
this.formData.start_date = value[0];
|
||||||
|
this.formData.end_date = value[1];
|
||||||
|
} else {
|
||||||
|
this.formData.start_date = null;
|
||||||
|
this.formData.end_date = null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getTid() {
|
||||||
|
let res = await this.$API.rem.project.item.req(this.t_id);
|
||||||
|
this.formData = res;
|
||||||
|
if (res.ticket_ && res.ticket_.state_.type == 1 && res.create_by == this.$TOOL.data.get("USER_INFO").id) {
|
||||||
|
this.localMode = "edit";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleDel() {
|
||||||
|
this.$confirm(`确定删除吗？`, "提示", {
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(()=>{
|
||||||
|
this.$API.rem.project.delete.req(this.formData.id).then(res=>{
|
||||||
|
this.$message.success("删除成功");
|
||||||
|
this.$emit('success');
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleSave() {
|
||||||
|
if (this.localMode == "add") {
|
||||||
|
this.saveLoading = true;
|
||||||
|
this.$API.rem.project.create.req(this.formData).then(res=>{
|
||||||
|
this.saveLoading = true;
|
||||||
|
this.$message.success("提交成功");
|
||||||
|
this.$emit('success', this.localMode);
|
||||||
|
}).catch(e=>{
|
||||||
|
this.saveLoading = false;
|
||||||
|
})
|
||||||
|
} else if (this.localMode == "edit") {
|
||||||
|
this.$API.rem.project.update.req(this.formData.id, this.formData).then(res=>{
|
||||||
|
this.saveLoading = true;
|
||||||
|
this.$message.success("提交成功");
|
||||||
|
this.$emit('success', this.localMode);
|
||||||
|
}).catch(e=>{
|
||||||
|
this.saveLoading = false;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue