///'//n //n <p class=///'list-card-item_detail--name///'>{{ project.project_name }}

//n <t-dropdown//n trigger=///'click///'//n :options=///'[//n {//n content: ///'编辑项目内容///',//n value: ///'manage_content///',//n onClick: () => handleManageProduct(project),//n },//n {//n content: ///'管理项目成员///',//n value: ///'manage_member///',//n onClick: () => handleManageMember(project),//n },//n {//n content: ///'删除///',//n value: ///'delete///',//n onClick: () => handleDeleteItem(project),//n },//n ]///'//n >//n <t-button theme=///'default///' shape=///'square///' variant=///'text///'>//n //n //n //n //n <template #footer>//n <t-button theme=///'primary///' @click=///'handle(project.ID)///'>//n 查看详情//n //n <div class=///'project-id///'>{{ project.ID }}
//n //n <template #content>//n <p class=///'list-card-item_detail--name///'>{{ project.project_name }}

//n <p class=///'list-card-item_detail--desc///'>{{ project.project_description }}

//n //n //n //n <t-dialog header=///'编辑项目///' :visible.sync=///'formVisible///' :width=///'680///' :footer=///'false///'>//n <div slot=///'body///'>//n //n <t-form :data=///'formData///' ref=///'form///' :rules=///'rules///' @submit=///'onSubmit(project.ID)///' :labelWidth=///'100///'>//n <t-form-item label=///'项目名称///' name=///'project_name///'>//n <t-input :style=///'{ width: ///'480px///' }///' v-model=///'formData.project_name///' placeholder=///'请输入项目名称///'>//n //n //n <t-form-item label=///'项目介绍///' name=///'project_description///'>//n <t-input :style=///'{ width: ///'480px///' }///' v-model=///'formData.project_description///' placeholder=///'请输入项目介绍///'>//n //n //n//n <t-form-item style=///'float: right///'>//n <t-button variant=///'outline///' @click=///'onClickCloseBtn///'>取消//n <t-button theme=///'primary///' type=///'submit///'>提交//n //n //n
//n //n//n//n<script lang=///'ts///'>//nimport { ShopIcon, CalendarIcon, ServiceIcon, UserAvatarIcon, LaptopIcon, MoreIcon, AddIcon, SettingIcon} from ///'tdesign-icons-vue///';//nimport {TDialog} from ///'tdesign-vue///';//n//nexport default {//n name: ///'ProjectCard///',//n components: {//n TDialog,//n MoreIcon,//n SettingIcon//n },//n props: {//n project: {//n type: Object,//n },//n },//n data() {//n return {//n formVisible: false,//n formData: {//n project_name: //'//',//n project_description: //'//',//n },//n };//n },//n methods: {//n handle(id) {//n console.log(///'您点击了图标,项目信息为:///');//n this.$router.push({ name: ///'Tasks///', params: {id}})//n },//n handleManageProduct(project) {//n this.formVisible = true;//n },//n handleManageMember(project) {//n this.$emit(///'manage-member///', project);//n },//n handleDeleteItem(project) {//n this.$emit(///'delete-item///', project);//n },//n onClickCloseBtn(): void {//n this.formVisible = false;//n this.formData = {};//n },//n onSubmit(id,{ result, firstError }) {//n if (!firstError) {//n//n this.formVisible = false;//n console.log({//n project_name: this.formData.project_name,//n description: this.formData.project_description,//n });//n // 将项目名称和描述发送给服务器进行保存//n this.$request.put(///'http://wxgametest.woa.com/iExplorer/web/projects////' + id, {//n project_name: this.formData.project_name,//n description: this.formData.project_description,//n },{headers: {///'Content-Type///': ///'application/json///'}},//n {withCredentials: true}//n )//n .then((res) => {//n if (res.status === 200) {//n // 如果服务器返回状态码为 200(成功),则从响应数据中获取保存后的项目信息//n this.$message.success(///'保存成功///');//n }//n })//n .catch((err) => {//n console.error(err);//n this.$message.error(///'保存失败///');//n });//n } else {//n console.log(///'Errors: ///

项目管理卡片 - 查看、编辑和删除项目

原文地址: https://www.cveoy.top/t/topic/quvH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录