|
@@ -13,6 +13,8 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+
|
|
|
|
+
|
|
<el-col :span="24" :style="allDetail">
|
|
<el-col :span="24" :style="allDetail">
|
|
<el-col :span="24" class="title">项目基本信息
|
|
<el-col :span="24" class="title">项目基本信息
|
|
<i class="el-icon-edit editDetail" v-if="user.id == proDetail.managerId || user.id == proDetail.creatorId" @click="edit"></i>
|
|
<i class="el-icon-edit editDetail" v-if="user.id == proDetail.managerId || user.id == proDetail.creatorId" @click="edit"></i>
|
|
@@ -41,13 +43,13 @@
|
|
<span v-if="index != proDetail.customCompanies.length-1">、</span>
|
|
<span v-if="index != proDetail.customCompanies.length-1">、</span>
|
|
</span>
|
|
</span>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="detail">
|
|
|
|
|
|
+ <!-- <el-col :span="24" class="detail">
|
|
项目模具:
|
|
项目模具:
|
|
<span class="info model" v-for="(item, index) in proDetail.models">
|
|
<span class="info model" v-for="(item, index) in proDetail.models">
|
|
<span @click="toMold(item.id)">{{item.modelName}}({{item.modelNo}})</span>
|
|
<span @click="toMold(item.id)">{{item.modelName}}({{item.modelNo}})</span>
|
|
<span v-if="index != proDetail.models.length-1">、</span>
|
|
<span v-if="index != proDetail.models.length-1">、</span>
|
|
</span>
|
|
</span>
|
|
- </el-col>
|
|
|
|
|
|
+ </el-col> -->
|
|
<el-col :span="24" class="detail">
|
|
<el-col :span="24" class="detail">
|
|
资产方人员:
|
|
资产方人员:
|
|
<span class="info" v-for="(item, index) in proDetail.ownerUsers">
|
|
<span class="info" v-for="(item, index) in proDetail.ownerUsers">
|
|
@@ -63,42 +65,75 @@
|
|
</span>
|
|
</span>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
-
|
|
|
|
- <el-col :span="24" class="title">项目文档
|
|
|
|
- <!-- update == 1 -->
|
|
|
|
- <el-upload v-if="user.id == proDetail.managerId" class="upload-demo" action="customize" :http-request="uploadFile" :show-file-list="false" multiple :limit="5" style="float:right;">
|
|
|
|
- <el-button size="small" type="primary" :loading="upLoading">点击上传</el-button>
|
|
|
|
- </el-upload>
|
|
|
|
- </el-col>
|
|
|
|
|
|
+
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
- <el-table :data="files" highlight-current-row v-loading="listLoading" height="400" style="width: 100%;">
|
|
|
|
- <el-table-column type="index" width="40"></el-table-column>
|
|
|
|
- <el-table-column prop="fileName" label="名称" sortable></el-table-column>
|
|
|
|
- <el-table-column prop="fileSize" label="大小" width="150" align="center" sortable></el-table-column>
|
|
|
|
- <el-table-column prop="uploader" label="上传者" width="120" align="center" sortable></el-table-column>
|
|
|
|
- <el-table-column prop="indate" label="上传时间" width="200" align="center" sortable></el-table-column>
|
|
|
|
- <el-table-column label="操作" width="220" align="center" sortable>
|
|
|
|
- <template slot-scope="scope" v-if="download == 1">
|
|
|
|
- <el-button size="small" @click="dowloadFile(scope.row.id)">
|
|
|
|
- <a :href="scope.row.url" :download="scope.row.fileName">下载</a>
|
|
|
|
- </el-button>
|
|
|
|
- <el-button size="small" type="danger" @click="fileDel(scope.row.id)" v-if="scope.row.uploaderId == user.id">删除</el-button>
|
|
|
|
|
|
+ <el-collapse>
|
|
|
|
+ <el-collapse-item>
|
|
|
|
+ <template slot="title">
|
|
|
|
+ <el-col :span="24" class="title">项目模具</el-col>
|
|
</template>
|
|
</template>
|
|
- <template slot-scope="scope" v-else>
|
|
|
|
- -
|
|
|
|
|
|
+ <el-col :span="24" class="detail">
|
|
|
|
+ <el-table :data="proDetail.models" highlight-current-row v-loading="modelsLoading" style="width: 100%;">
|
|
|
|
+ <el-table-column type="index" width="40"></el-table-column>
|
|
|
|
+ <el-table-column prop="modelNo" label="模具编号" width="200" sortable>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span class="model" @click="toMold(scope.row.id)">{{scope.row.modelNo}}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="modelName" label="模具名称" width="500" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="factoryName" label="所属生产商" sortable></el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-collapse-item>
|
|
|
|
+
|
|
|
|
+ <el-collapse-item>
|
|
|
|
+ <template slot="title">
|
|
|
|
+ <el-col :span="24" class="title">项目文档
|
|
|
|
+ <!-- update == 1 -->
|
|
|
|
+ <el-upload v-if="user.id == proDetail.managerId" action="customize" :http-request="uploadFile" :show-file-list="false" multiple :limit="5" style="float:right;margin-right:20px;">
|
|
|
|
+ <el-button size="small" type="primary" :loading="upLoading">点击上传</el-button>
|
|
|
|
+ </el-upload>
|
|
|
|
+ </el-col>
|
|
</template>
|
|
</template>
|
|
- </el-table-column>
|
|
|
|
- </el-table>
|
|
|
|
|
|
+ <el-col :span="24" class="detail">
|
|
|
|
+ <el-table :data="files" highlight-current-row v-loading="listLoading" style="width: 100%;">
|
|
|
|
+ <el-table-column type="index" width="40"></el-table-column>
|
|
|
|
+ <el-table-column prop="fileName" label="名称" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="fileSize" label="大小" width="150" align="center" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="uploader" label="上传者" width="120" align="center" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="indate" label="上传时间" width="200" align="center" sortable></el-table-column>
|
|
|
|
+ <el-table-column label="操作" width="220" align="center" sortable>
|
|
|
|
+ <template slot-scope="scope" v-if="download == 1">
|
|
|
|
+ <el-button size="small" @click="dowloadFile(scope.row.id)">
|
|
|
|
+ <a :href="scope.row.url" :download="scope.row.fileName">下载</a>
|
|
|
|
+ </el-button>
|
|
|
|
+ <el-button size="small" type="danger" @click="fileDel(scope.row.id)" v-if="scope.row.uploaderId == user.id">删除</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ <template slot-scope="scope" v-else>
|
|
|
|
+ -
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-collapse-item>
|
|
|
|
+
|
|
|
|
+ <el-collapse-item>
|
|
|
|
+ <template slot="title">
|
|
|
|
+ <el-col :span="24" class="title">操作记录</el-col>
|
|
|
|
+ </template>
|
|
|
|
+ <el-col :span="24" class="detail">
|
|
|
|
+ <el-table :data="opers" highlight-current-row v-loading="oplistLoading" style="width: 100%;">
|
|
|
|
+ <el-table-column type="index" width="40"></el-table-column>
|
|
|
|
+ <el-table-column prop="content" label="操作" width="120" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="fileName" label="操作文档名称" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="operator" label="操作人" width="120" align="center" sortable></el-table-column>
|
|
|
|
+ <el-table-column prop="indate" label="操作时间" width="200" align="center" sortable></el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-collapse-item>
|
|
|
|
+ </el-collapse>
|
|
</el-col>
|
|
</el-col>
|
|
-
|
|
|
|
- <el-col :span="24" class="title">操作记录</el-col>
|
|
|
|
- <el-table :data="opers" highlight-current-row v-loading="oplistLoading" height="400" style="width: 100%;">
|
|
|
|
- <el-table-column type="index" width="40"></el-table-column>
|
|
|
|
- <el-table-column prop="content" label="操作" width="120" sortable></el-table-column>
|
|
|
|
- <el-table-column prop="fileName" label="操作文档名称" sortable></el-table-column>
|
|
|
|
- <el-table-column prop="operator" label="操作人" width="120" align="center" sortable></el-table-column>
|
|
|
|
- <el-table-column prop="indate" label="操作时间" width="200" align="center" sortable></el-table-column>
|
|
|
|
- </el-table>
|
|
|
|
|
|
+
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
<!--编辑界面-->
|
|
<!--编辑界面-->
|
|
@@ -193,6 +228,7 @@
|
|
},
|
|
},
|
|
|
|
|
|
listLoading: false,
|
|
listLoading: false,
|
|
|
|
+ modelsLoading: false,
|
|
upLoading: false,
|
|
upLoading: false,
|
|
oplistLoading: false,
|
|
oplistLoading: false,
|
|
activePage: 0,
|
|
activePage: 0,
|
|
@@ -245,16 +281,21 @@
|
|
this.$router.go(-1);
|
|
this.$router.go(-1);
|
|
// this.$router.push("/project");
|
|
// this.$router.push("/project");
|
|
},
|
|
},
|
|
|
|
+
|
|
toMold(id) {
|
|
toMold(id) {
|
|
this.$router.push('/moldList/' + id);
|
|
this.$router.push('/moldList/' + id);
|
|
},
|
|
},
|
|
|
|
+
|
|
handleClick(tab, event) {
|
|
handleClick(tab, event) {
|
|
},
|
|
},
|
|
|
|
+
|
|
//获取详情
|
|
//获取详情
|
|
getDetail() {
|
|
getDetail() {
|
|
|
|
+ this.modelsLoading = true;
|
|
this.http.post(this.port.project.projectDetail, {
|
|
this.http.post(this.port.project.projectDetail, {
|
|
id: this.detailId
|
|
id: this.detailId
|
|
}, res => {
|
|
}, res => {
|
|
|
|
+ this.modelsLoading = false;
|
|
if (res.code == "ok") {
|
|
if (res.code == "ok") {
|
|
this.update = res.data.update;
|
|
this.update = res.data.update;
|
|
this.download = res.data.download;
|
|
this.download = res.data.download;
|
|
@@ -282,12 +323,14 @@
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}, error => {
|
|
}, error => {
|
|
|
|
+ this.modelsLoading = false;
|
|
this.$message({
|
|
this.$message({
|
|
message: error,
|
|
message: error,
|
|
type: 'error'
|
|
type: 'error'
|
|
});
|
|
});
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
getFileList() {
|
|
getFileList() {
|
|
this.listLoading = true;
|
|
this.listLoading = true;
|
|
// 获取文档列表
|
|
// 获取文档列表
|
|
@@ -311,6 +354,7 @@
|
|
});
|
|
});
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
getOperList() {
|
|
getOperList() {
|
|
this.oplistLoading = true;
|
|
this.oplistLoading = true;
|
|
// 获取文档列表
|
|
// 获取文档列表
|
|
@@ -334,6 +378,7 @@
|
|
});
|
|
});
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
//获取信息
|
|
//获取信息
|
|
getMsg() {
|
|
getMsg() {
|
|
// 获取人员
|
|
// 获取人员
|
|
@@ -421,6 +466,7 @@
|
|
});
|
|
});
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
//选择公司切换人员
|
|
//选择公司切换人员
|
|
companyChange() {
|
|
companyChange() {
|
|
var param = {} ,
|
|
var param = {} ,
|
|
@@ -456,6 +502,7 @@
|
|
});
|
|
});
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
//打开编辑页面
|
|
//打开编辑页面
|
|
edit() {
|
|
edit() {
|
|
this.editFormVisible = true;
|
|
this.editFormVisible = true;
|
|
@@ -516,6 +563,7 @@
|
|
produce: produce
|
|
produce: produce
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+
|
|
//提交
|
|
//提交
|
|
addSubmit() {
|
|
addSubmit() {
|
|
this.$refs.editForm.validate((valid) => {
|
|
this.$refs.editForm.validate((valid) => {
|
|
@@ -595,6 +643,7 @@
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+
|
|
//上传
|
|
//上传
|
|
uploadFile(params) {
|
|
uploadFile(params) {
|
|
this.upLoading = true;
|
|
this.upLoading = true;
|
|
@@ -625,6 +674,7 @@
|
|
});
|
|
});
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
//下载
|
|
//下载
|
|
dowloadFile(id) {
|
|
dowloadFile(id) {
|
|
this.http.post(this.port.project.dowloadFile, {
|
|
this.http.post(this.port.project.dowloadFile, {
|
|
@@ -634,6 +684,7 @@
|
|
}, error => {
|
|
}, error => {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+
|
|
//删除上传文件
|
|
//删除上传文件
|
|
fileDel(id) {
|
|
fileDel(id) {
|
|
this.$confirm('确认删除该文档吗?', '提示', {
|
|
this.$confirm('确认删除该文档吗?', '提示', {
|
|
@@ -664,6 +715,7 @@
|
|
});
|
|
});
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
+
|
|
created() {
|
|
created() {
|
|
let height = window.innerHeight;
|
|
let height = window.innerHeight;
|
|
this.allDetail.height = height - 170 + "px";
|
|
this.allDetail.height = height - 170 + "px";
|
|
@@ -672,6 +724,7 @@
|
|
that.allDetail.height = window.innerHeight - 170;
|
|
that.allDetail.height = window.innerHeight - 170;
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+
|
|
mounted() {
|
|
mounted() {
|
|
this.getDetail();
|
|
this.getDetail();
|
|
this.getFileList();
|
|
this.getFileList();
|