|
|
@@ -0,0 +1,237 @@
|
|
|
+<template>
|
|
|
+ <div class="edit-view">
|
|
|
+ <page-title>
|
|
|
+ <el-button @click="$router.go(-1)">取消</el-button>
|
|
|
+ <el-button @click="del" :loading="$store.state.fetchingData" type="danger" v-if="formData.id">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
|
|
|
+ </page-title>
|
|
|
+ <div class="edit-view__content-wrapper">
|
|
|
+ <div class="edit-view__content-section">
|
|
|
+ <divider />
|
|
|
+ <el-form
|
|
|
+ :model="formData"
|
|
|
+ :rules="rules"
|
|
|
+ ref="form"
|
|
|
+ label-width="108px"
|
|
|
+ label-position="right"
|
|
|
+ size="small"
|
|
|
+ style="max-width: 500px;"
|
|
|
+ >
|
|
|
+ <el-form-item prop="workflow" label="流程">
|
|
|
+ <el-select v-model="formData.workflow" clearable filterable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in workflowOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="country" label="进入国家">
|
|
|
+ <el-select v-model="formData.country" clearable filterable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in countryOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="applyRoute" label="申请途径">
|
|
|
+ <el-select v-model="formData.applyRoute" clearable filterable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in applyRouteOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="pctApplyNo" label="pct申请号" v-if="formData.applyRoute == 'COUNTRY'">
|
|
|
+ <el-input v-model="formData.pctApplyNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="pctApplyDate" label="pct申请日" v-if="formData.applyRoute == 'COUNTRY'">
|
|
|
+ <el-input v-model="formData.pctApplyDate"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="pctPublicNo" label="pct公开号" v-if="formData.applyRoute == 'COUNTRY'">
|
|
|
+ <el-input v-model="formData.pctPublicNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="pctPublicDate" label="pct公开日" v-if="formData.applyRoute == 'COUNTRY'">
|
|
|
+ <el-input v-model="formData.pctPublicDate"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="grantNo" label="授权号">
|
|
|
+ <el-input v-model="formData.grantNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="grantDate" label="授权日">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.grantDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="translateWord" label="翻译字数">
|
|
|
+ <el-input v-model="formData.translateWord"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="translationLanguage" label="翻译语种">
|
|
|
+ <el-input v-model="formData.translationLanguage"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="unitPrice" label="单价/千字">
|
|
|
+ <el-input-number type="number" v-model="formData.unitPrice"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="totalPrice" label="总价">
|
|
|
+ <el-input-number type="number" v-model="formData.totalPrice"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="translationPeriod" label="翻译交期">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.translationPeriod"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="decideReply" label="是否决定答复">
|
|
|
+ <el-switch v-model="formData.decideReply"></el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="isClientReady" label="准备答复意见">
|
|
|
+ <el-switch v-model="formData.isClientReady"></el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="replyPassed" label="是否通过答复">
|
|
|
+ <el-switch v-model="formData.replyPassed"></el-switch>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="registerPayPeriod" label="办登缴费期限">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.registerPayPeriod"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="form-submit">
|
|
|
+ <el-button @click="onSave" :loading="saving" size="default" type="primary">保存 </el-button>
|
|
|
+ <el-button @click="onDelete" :loading="saving" size="default" type="danger" v-if="formData.id"
|
|
|
+ >删除
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="$router.go(-1)" size="default">取消</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'CountryPatentEdit',
|
|
|
+ created() {
|
|
|
+ if (this.$route.query.id) {
|
|
|
+ this.$http
|
|
|
+ .get('countryPatent/get/' + this.$route.query.id)
|
|
|
+ .then(res => {
|
|
|
+ this.formData = res;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error(e.error);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.$http
|
|
|
+ .post('/maintenance/byDesc', { description: 'Country' })
|
|
|
+ .then(res => {
|
|
|
+ if (res[0].children.length > 0) {
|
|
|
+ res[0].children.forEach(item => {
|
|
|
+ this.countryOptions.push({
|
|
|
+ label: item.name,
|
|
|
+ value: item.name
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error(e.error);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ saving: false,
|
|
|
+ formData: {},
|
|
|
+ rules: {},
|
|
|
+ workflowOptions: [
|
|
|
+ { label: '待申请翻译文稿', value: 'APPLY_TRANSLATION' },
|
|
|
+ { label: '待上传翻译文稿', value: 'TRANSLATION_DOCUMENTS' },
|
|
|
+ { label: '待上传翻译定稿', value: 'FINALIZED_TRANSLATION' },
|
|
|
+ { label: '待添加供应商', value: 'ADD_SUPPLIERS' },
|
|
|
+ { label: '待提交供应商材料', value: 'SUPPLIER_MATERIALS' },
|
|
|
+ { label: '待维护案件信息', value: 'MAINTAIN_CASE' },
|
|
|
+ { label: '待上传答复通知', value: 'REPLY_NOTIFICATION' },
|
|
|
+ { label: '待确定答复意向', value: 'DETERMINED_REPLY' },
|
|
|
+ { label: '不答复终止', value: 'NO_REPLY' },
|
|
|
+ { label: '待上传答复意见书', value: 'UPLOADED_REPLY' },
|
|
|
+ { label: '待确定答复结果', value: 'RESPONSE_RESULT' },
|
|
|
+ { label: '待办登', value: 'PENDING_REGISTER' },
|
|
|
+ { label: '授权办登', value: 'AUTHORIZE_REGISTER' },
|
|
|
+ { label: '待维护授权信息', value: 'AUTHORIZATION_INFORMATION' },
|
|
|
+ { label: '已完成', value: 'COMPLETED' }
|
|
|
+ ],
|
|
|
+ countryOptions: [],
|
|
|
+ applyRouteOptions: [
|
|
|
+ { label: 'PCT国家阶段', value: 'COUNTRY' },
|
|
|
+ { label: '巴黎公约', value: 'SINGLE' }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onSave() {
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.submit();
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ submit() {
|
|
|
+ let data = { ...this.formData };
|
|
|
+
|
|
|
+ this.saving = true;
|
|
|
+ this.$http
|
|
|
+ .post('/countryPatent/save', data, { body: 'json' })
|
|
|
+ .then(res => {
|
|
|
+ this.saving = false;
|
|
|
+ this.$message.success('成功');
|
|
|
+ this.$router.go(-1);
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.saving = false;
|
|
|
+ this.$message.error(e.error);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onDelete() {
|
|
|
+ this.$alert('删除将无法恢复，确认要删除么？', '警告', { type: 'error' })
|
|
|
+ .then(() => {
|
|
|
+ return this.$http.post(`/countryPatent/del/${this.formData.id}`);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$message.success('删除成功');
|
|
|
+ this.$router.go(-1);
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ if (e !== 'cancel') {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error((e || {}).error || '删除失败');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped></style>
|
panhui