YY 3 éve
szülő
commit
55d3527d45

+ 10 - 0
src/router/index.js

@@ -115,6 +115,11 @@ const admin = [
     meta: { title: '专利信息' },
     component: () => import('../views/adminCenter/adminPatent/info/index.vue'),
   },
+  {
+    path: '/adminCenter/adminPatent/info/detail',
+    meta: { title: '专利信息-信息管理' },
+    component: () => import('../views/adminCenter/adminPatent/info/detail.vue'),
+  },
   {
     path: '/adminCenter/adminPatent/batch/index',
     meta: { title: '专利信息批量处理' },
@@ -130,6 +135,11 @@ const admin = [
     meta: { title: '专利交易' },
     component: () => import('../views/adminCenter/adminPatent/trans/index.vue'),
   },
+  {
+    path: '/adminCenter/adminPatent/trans/detail',
+    meta: { title: '专利交易-信息维护' },
+    component: () => import('../views/adminCenter/adminPatent/trans/detail.vue'),
+  },
   {
     path: '/adminCenter/adminPatent/maintain/index',
     meta: { title: '专利维权' },

+ 20 - 25
src/views/adminCenter/adminAgent/detail.vue

@@ -8,40 +8,37 @@
         <el-col class="two">
           <el-form :model="form" :rules="rules" ref="form" label-width="140px">
             <el-col :span="12">
-              <el-form-item label="管理员" prop="name1">
-                <el-select v-model="form.name1" clearable filterable placeholder="请选择" style="width: 100%" size="small">
-                  <el-option v-for="item in name1List" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              <el-form-item label="管理员" prop="pid">
+                <el-select v-model="form.pid" clearable filterable placeholder="请选择" style="width: 100%" size="small">
+                  <el-option v-for="item in pidList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="机构代码或邀请码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="机构名称" prop="mech_name">
+                <el-input v-model="form.mech_name" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="机构名称" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="姓名" prop="name">
+                <el-input v-model="form.name" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="姓名" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="手机号" prop="phone">
+                <el-input v-model="form.phone" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="手机号" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="密码" prop="password">
+                <el-input v-model="form.password" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="密码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+            <el-col :span="24">
+              <el-form-item>
+                <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
               </el-form-item>
             </el-col>
-            <el-form-item>
-              <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
-            </el-form-item>
           </el-form>
         </el-col>
       </el-col>
@@ -58,16 +55,14 @@ export default {
   data: function () {
     return {
       rules: {
-        title: [{ required: true, message: '请输入', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
-        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
-        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
-        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+        mech_name: [{ required: true, message: '机构名称', trigger: 'blur' }],
+        titlnamee: [{ required: true, message: '姓名', trigger: 'blur' }],
+        phone: [{ required: true, message: '手机号', trigger: 'blur' }],
+        password: [{ required: true, message: '密码', trigger: 'blur' }],
       },
       form: {},
-      // 名称
-      name1List: [{ value: '0', label: '吉林专利市场系统管理员' }],
+      // 管理员
+      pidList: [{ value: '0', label: '吉林专利市场系统管理员' }],
     };
   },
   created() {},

+ 3 - 3
src/views/adminCenter/adminAgent/index.vue

@@ -24,9 +24,9 @@ export default {
     return {
       //列头配置项
       fields: [
-        { label: '名称', prop: 'name', filter: true },
-        { label: '机构名称', prop: 'name', filter: true },
-        { label: '联系电话', prop: 'name', filter: true },
+        { label: '名称', prop: 'mech_name', filter: true },
+        { label: '机构名称', prop: 'mech_name', filter: true },
+        { label: '联系电话', prop: 'phone', filter: true },
       ],
       // 操作
       opera: [

+ 89 - 7
src/views/adminCenter/adminExamine/apply/index.vue

@@ -3,10 +3,68 @@
     <el-row>
       <el-col :span="24" class="main animate__animated animate__backInRight">
         <el-col :span="24" class="one">
-          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @del="toDel"> </data-table>
+          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @del="toDel" @detailed="toDetailed"> </data-table>
         </el-col>
       </el-col>
     </el-row>
+    <el-dialog title="详细信息" :visible.sync="show" width="50%" :before-close="toClose">
+      <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+        <el-form-item label="机构名称" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请号" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请专利" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="专利类型" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="发明人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="技术联系人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="电子邮箱" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="特殊情况说明" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="本发明的技术领域" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="与本发明相关的背景技术" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="现有技术的缺点及本发明所要解决的技术问题" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="本发明技术方案的详细阐述" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="本申请的关键点和欲保护点" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="与本发明最相似,相近的实现技术,方案相比,本发明有何优点" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="针对本发明技术方案,是否还有别的替代方案" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="mini" @click="onSubmit('form')">确定</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -20,25 +78,40 @@ export default {
     return {
       //列头配置项
       fields: [
-        { label: '名称', prop: 'name' },
-        { label: '申请类型', prop: 'name' },
-        { label: '申请状态', prop: 'name' },
+        { label: '名称', prop: 'name', filter: true },
+        { label: '申请类型', prop: 'name', filter: true },
+        { label: '申请状态', prop: 'name', filter: true },
       ],
       // 操作
       opera: [
-        { label: '详细信息', method: 'detailed', confirm: true, type: 'danger' },
+        { label: '详细信息', method: 'detailed' },
         { label: '申请文件', method: 'apply', confirm: true, type: 'danger' },
         { label: '受理', method: 'acceptance', confirm: true, type: 'danger' },
       ],
       list: [],
       total: 0,
+
+      // 弹框
+      show: false,
+      form: {},
     };
   },
   created() {},
   methods: {
+    // 查询
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      console.log(this.searchForm);
+      let data = [
+        {
+          id: 1,
+          name: '重要成果',
+        },
+      ];
+      this.$set(this, `list`, data);
+    },
     // 详细信息
-    toetailed({ data }) {
-      console.log(data);
+    toDetailed() {
+      this.show = true;
     },
     // 申请文件
     toApply({ data }) {
@@ -48,6 +121,15 @@ export default {
     toAacceptance({ data }) {
       console.log(data);
     },
+    // 提交
+    onSubmit({ data }) {
+      console.log(data);
+    },
+
+    // 关闭弹框
+    toClose() {
+      this.show = false;
+    },
   },
   computed: {
     ...mapState(['user']),

+ 19 - 20
src/views/adminCenter/adminExamine/bureau/detail.vue

@@ -3,16 +3,10 @@
     <el-row>
       <el-col :span="24" class="main">
         <el-col class="one">
-          <el-col :span="2" class="one_1"> <span>文件</span></el-col>
-          <!-- <el-form :model="form" :rules="rules" ref="form" label-width="100px">
-            <el-form-item label="附件" prop="file">
-              <s-upload :limit="2" :data="form.file" type="file" :url="uri" @upload="uplSuc" @delete="uplDel"></s-upload>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" size="mini" @click="onSubmit('form')">确定</el-button>
-              <el-button type="danger" size="mini" @click="toReset('form')">取消</el-button>
-            </el-form-item>
-          </el-form> -->
+          <el-button type="primary" size="mini" @click="toReturn()">返回</el-button>
+        </el-col>
+        <el-col class="two">
+          <el-col :span="2" class="two_1"> <span>文件</span></el-col>
           <el-col :span="20">
             <el-upload action="#" list-type="picture-card" :auto-upload="false">
               <i slot="default" class="el-icon-plus"></i>
@@ -36,6 +30,10 @@
             </el-dialog>
           </el-col>
         </el-col>
+        <el-col :span="24" class="thr">
+          <el-button type="primary" size="mini" @click="toCancel()" plain>取消发送</el-button>
+          <el-button type="primary" size="mini" @click="toDetermine()">确定发送</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -70,16 +68,8 @@ export default {
     },
     //返回
     toReturn() {
-      this.$router.push({ path: '/adminCenter/adminUser/index' });
+      this.$router.push({ path: '/adminCenter/adminExamine/bureau/index' });
     },
-    // 上传图片
-    // uplSuc({ type, data }) {
-    //   this.form[type].push({ name: data.name, url: data.uri });
-    // },
-    // uplDel(data) {
-    //   let index = this.form.file.findIndex((i) => i.url == data.file.url);
-    //   this.form.file.splice(index, 1);
-    // },
 
     handleRemove(file) {
       console.log(file);
@@ -108,4 +98,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 0px 0 20px 0px;
+  }
+  .thr {
+    padding: 20px 0 0 100px;
+  }
+}
+</style>

+ 35 - 7
src/views/adminCenter/adminExamine/bureau/index.vue

@@ -6,10 +6,17 @@
           <el-button type="primary" size="mini" @click="toDistribute()">自动分发</el-button>
         </el-col>
         <el-col :span="24" class="two">
-          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @del="toDel"> </data-table>
+          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @del="toDel" @see="toSee"> </data-table>
         </el-col>
       </el-col>
     </el-row>
+    <el-dialog title="详细信息" :visible.sync="show" width="50%" :before-close="toClose">
+      <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+        <el-form-item>
+          <el-button type="primary" size="mini" @click="onSubmit('form')">确定</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -23,21 +30,43 @@ export default {
     return {
       //列头配置项
       fields: [
-        { label: '名称', prop: 'name' },
-        { label: '发送时间', prop: 'name' },
-        { label: '是否已读', prop: 'name' },
+        { label: '名称', prop: 'name', filter: true },
+        { label: '发送时间', prop: 'name', filter: true },
+        { label: '是否已读', prop: 'name', filter: true },
       ],
       // 操作
-      opera: [{ label: '查看文件', method: 'see', confirm: true, type: 'danger' }],
+      opera: [{ label: '查看文件', method: 'see' }],
       list: [],
       total: 0,
+      // 弹框
+      show: false,
+      form: {},
     };
   },
   created() {},
   methods: {
+    // 查询
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      console.log(this.searchForm);
+      let data = [
+        {
+          id: 1,
+          name: '重要成果',
+        },
+      ];
+      this.$set(this, `list`, data);
+    },
     // 查看文件
     toSee({ data }) {
-      console.log(data);
+      this.show = true;
+    },
+    // 添加用户
+    toDistribute() {
+      this.$router.push({ path: '/adminCenter/adminExamine/bureau/detail' });
+    },
+    // 关闭弹框
+    toClose() {
+      this.show = false;
     },
   },
   computed: {
@@ -59,7 +88,6 @@ export default {
 <style lang="less" scoped>
 .main {
   .one {
-    text-align: center;
     padding: 10px 0;
   }
 }

+ 27 - 25
src/views/adminCenter/adminMech/detail.vue

@@ -8,41 +8,42 @@
         <el-col class="two">
           <el-form :model="form" :rules="rules" ref="form" label-width="140px">
             <el-col :span="12">
-              <el-form-item label="管理员" prop="name1">
-                <el-select v-model="form.name1" clearable filterable placeholder="请选择" style="width: 100%" size="small">
-                  <el-option v-for="item in name1List" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              <el-form-item label="管理员" prop="pid">
+                <el-select v-model="form.pid" clearable filterable placeholder="请选择" style="width: 100%" size="small">
+                  <el-option v-for="item in pidList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="机构代码或邀请码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="机构代码或邀请码" prop="code">
+                <el-input v-model="form.code" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="机构名称" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="机构名称" prop="deptname">
+                <el-input v-model="form.deptname" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="姓名" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="姓名" prop="name">
+                <el-input v-model="form.name" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="手机号" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="手机号" prop="phone">
+                <el-input v-model="form.phone" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="密码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="密码" prop="passwd">
+                <el-input v-model="form.passwd" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item>
+                <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
               </el-form-item>
             </el-col>
-
-            <el-form-item>
-              <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
-            </el-form-item>
           </el-form>
         </el-col>
       </el-col>
@@ -59,20 +60,21 @@ export default {
   data: function () {
     return {
       rules: {
-        title: [{ required: true, message: '请输入', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
-        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
-        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
-        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+        code: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
+        deptname: [{ required: true, message: '机构名称', trigger: 'blur' }],
+        name: [{ required: true, message: '姓名', trigger: 'blur' }],
+        phone: [{ required: true, message: '手机号', trigger: 'blur' }],
+        passwd: [{ required: true, message: '密码', trigger: 'blur' }],
       },
       form: {},
-      // 名称
-      name1List: [{ value: '0', label: '吉林专利市场系统管理员' }],
+
+      // 管理员
+      pidList: [{ value: '0', label: '吉林专利市场系统管理员' }],
     };
   },
   created() {},
   methods: {
+    //提交保存
     onSubmit(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {

+ 5 - 5
src/views/adminCenter/adminMech/index.vue

@@ -24,10 +24,10 @@ export default {
     return {
       //列头配置项
       fields: [
-        { label: '名称', prop: 'name', filter: true },
-        { label: '机构代码或邀请码', prop: 'name', filter: true },
-        { label: '机构名称', prop: 'name', filter: true },
-        { label: '联系电话', prop: 'name', filter: true },
+        { label: '名称', prop: 'deptname', filter: true },
+        { label: '机构代码或邀请码', prop: 'code', filter: true },
+        { label: '机构名称', prop: 'deptname', filter: true },
+        { label: '联系电话', prop: 'phone', filter: true },
       ],
       // 操作
       opera: [
@@ -54,7 +54,7 @@ export default {
     toDel({ data }) {
       console.log(data);
     },
-    //重置
+    //重置密码
     toReset({ data }) {
       console.log(data);
     },

+ 3 - 3
src/views/adminCenter/adminMessage/examine/index.vue

@@ -20,9 +20,9 @@ export default {
     return {
       //列头配置项
       fields: [
-        { label: '名称', prop: 'name' },
-        { label: '发送时间', prop: 'name' },
-        { label: '是否已读', prop: 'name' },
+        { label: '名称', prop: 'name', filter: true },
+        { label: '发送时间', prop: 'name', filter: true },
+        { label: '是否已读', prop: 'name', filter: true },
       ],
       // 操作
       opera: [{ label: '消息已读', method: 'read', confirm: true, type: 'danger' }],

+ 4 - 4
src/views/adminCenter/adminMessage/warning/index.vue

@@ -20,10 +20,10 @@ export default {
     return {
       //列头配置项
       fields: [
-        { label: '名称', prop: 'name' },
-        { label: '发送时间', prop: 'name' },
-        { label: '缴费截止', prop: 'name' },
-        { label: '预警信息', prop: 'name' },
+        { label: '名称', prop: 'name', filter: true },
+        { label: '发送时间', prop: 'name', filter: true },
+        { label: '缴费截止', prop: 'name', filter: true },
+        { label: '预警信息', prop: 'name', filter: true },
       ],
       // 操作
       opera: [{ label: '删除', method: 'del', confirm: true, type: 'danger' }],

+ 162 - 4
src/views/adminCenter/adminPatent/batch/index.vue

@@ -1,8 +1,103 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="one_1">
+            <el-button type="primary" size="mini" @click="toSelect()">查询条件</el-button>
+            <el-button type="primary" size="mini" @click="selectDel()">批量删除</el-button>
+            <el-button type="primary" size="mini" @click="toDelete()">一键删除</el-button>
+            <el-button type="primary" size="mini" @click="selectUser()">选择用户</el-button>
+            <el-button type="primary" size="mini" @click="toDis()">确认批量分配</el-button>
+          </el-col>
+          <el-col :span="24" class="one_2">
+            <span>专利总数:(52835)</span>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="two">
+          <data-table
+            :fields="fields"
+            :opera="opera"
+            :data="list"
+            @query="search"
+            :total="total"
+            @edit="toEdit"
+            @del="toDel"
+            @file="toFile"
+            :select="true"
+            :selected="selected"
+            @handleSelect="handleSelect"
+          >
+          </data-table>
+        </el-col>
+      </el-col>
     </el-row>
+    <el-dialog title="查询条件" :visible.sync="show" width="50%" :before-close="toClose">
+      <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+        <el-form-item label="申请人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="第一申请人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="当前权利人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="专利有效性" prop="title">
+          <el-radio v-model="radio1" label="1">有效</el-radio>
+          <el-radio v-model="radio1" label="2">审中</el-radio>
+          <el-radio v-model="radio1" label="3">失效</el-radio>
+        </el-form-item>
+        <el-form-item label="标题或关键词" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="专利类型" prop="title">
+          <el-radio v-model="radio2" label="1">发明申请</el-radio>
+          <el-radio v-model="radio2" label="2">实用新型</el-radio>
+          <el-radio v-model="radio2" label="3">外观设计</el-radio>
+          <el-radio v-model="radio2" label="4">PCT国际申请号</el-radio>
+          <el-radio v-model="radio2" label="5">PCT国际发布号</el-radio>
+        </el-form-item>
+        <el-form-item label="当前法律状态" prop="title">
+          <el-radio v-model="radio3" label="1">公开</el-radio>
+          <el-radio v-model="radio3" label="2">授权</el-radio>
+          <el-radio v-model="radio3" label="3">实质审查</el-radio>
+        </el-form-item>
+        <el-form-item label="发明人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="第一发明人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请人城市" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请日(开始)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请日(结束)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="授权公告日(开始)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="授权公告日(结束)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请号" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="所属管理机构" prop="title1">
+          <el-select v-model="form.title1" placeholder="请选择">
+            <el-option v-for="item in title1List" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="mini" @click="onSubmit('form')">重置条件</el-button>
+          <el-button type="primary" size="mini" @click="onReset('form')">提交查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -13,10 +108,61 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      //列头配置项
+      fields: [
+        { label: '名称', prop: 'name', filter: true },
+        { label: '专利有效性', prop: 'name', filter: true },
+        { label: '申请时间', prop: 'name', filter: true },
+      ],
+      // 操作
+      opera: [
+        { label: '修改', method: 'edit' },
+        { label: '删除', method: 'del', confirm: true, type: 'danger' },
+        { label: '重置', method: 'reset' },
+      ],
+      list: [],
+      total: 0,
+      // 多选值
+      selected: [],
+      // 弹框
+      title1List: [
+        { value: '1', label: '吉林专利市场系统管理员' },
+        { value: '2', label: '长春新区' },
+        { value: '3', label: '吉林省发明和科技评价协会' },
+      ],
+      radio1: '',
+      radio2: '',
+      radio3: '',
+      show: false,
+      form: {},
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 查看文件
+    toSee({ data }) {
+      console.log(data);
+    },
+    // 添加用户
+    toAdd() {
+      this.$router.push({ path: '/adminCenter/adminPatent/info/detail' });
+    },
+    //查询条件弹窗
+    toSelect() {
+      this.show = true;
+    },
+    // 多选
+    handleSelect(data) {
+      this.$set(this, `selected`, data);
+      if (this.selected.length > 0) this.$set(this, `multiple`, false);
+      else this.$set(this, `multiple`, true);
+    },
+    // 关闭弹框
+    toClose() {
+      this.show = false;
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -33,4 +179,16 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 10px 0;
+    .one_1 {
+      padding: 0 0 10px 0;
+    }
+    .one_2 {
+      text-align: center;
+    }
+  }
+}
+</style>

+ 329 - 0
src/views/adminCenter/adminPatent/info/detail.vue

@@ -0,0 +1,329 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col class="one">
+          <el-button type="primary" size="mini" @click="toReturn()">返回</el-button>
+        </el-col>
+        <el-col class="two">
+          <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+            <el-col :span="12">
+              <el-form-item label="申请号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请日" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="公开(公告)号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="公开(公告)日" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="发明人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="代理机构" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="代理人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="摘要" prop="title">
+                <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"> </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="发明人地址" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="专利名称" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="专利有效性" prop="title">
+                <el-radio v-model="radio" label="1">有效</el-radio>
+                <el-radio v-model="radio" label="2">审中</el-radio>
+                <el-radio v-model="radio" label="3">失效</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="专利类型" prop="title">
+                <el-radio v-model="radio" label="1">发明申请</el-radio>
+                <el-radio v-model="radio" label="2">实用新型</el-radio>
+                <el-radio v-model="radio" label="3">外观设计</el-radio>
+                <el-radio v-model="radio" label="4">PCT国际申请号</el-radio>
+                <el-radio v-model="radio" label="5">PCT国际发布号</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="首页附图" prop="title">
+                <el-upload action="#" list-type="picture-card" :auto-upload="false">
+                  <i slot="default" class="el-icon-plus"></i>
+                  <div slot="file" slot-scope="{ file }">
+                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
+                    <span class="el-upload-list__item-actions">
+                      <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+                        <i class="el-icon-zoom-in"></i>
+                      </span>
+                      <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
+                        <i class="el-icon-download"></i>
+                      </span>
+                      <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
+                        <i class="el-icon-delete"></i>
+                      </span>
+                    </span>
+                  </div>
+                </el-upload>
+                <el-dialog :visible.sync="dialogVisible">
+                  <img width="100%" :src="dialogImageUrl" alt="" />
+                </el-dialog>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="公开国别" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="IPC主分类" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="当前法律状态" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="法律状态" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="法律文书日期" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="变更前权利人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人地址(其他)" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人(其他)" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="法律文书编号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="首次公开日" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="授权公告日" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="失效日" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="实质审查生效日" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="发明(设计)人(其他)" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="链接到incoPat" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="首项权利要求" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="第一申请人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="中国申请人地市" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="工商统一社会信用代码" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="工商注册地址" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="第一发明人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="合享价值度" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="技术稳定性" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="技术先进性" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="PCT国际申请号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="PCT国际发布号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="专利关联用户" prop="title">
+                <el-button class="btn" type="primary" size="mini" @click="onSelect('form')">选择用户</el-button>
+              </el-form-item>
+            </el-col>
+            <el-form-item>
+              <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'detail',
+  props: {},
+  components: {},
+  data: function () {
+    return {
+      rules: {
+        //title: [{ required: true, message: '请输入', trigger: 'blur' }],
+        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
+        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
+        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
+        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
+        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+      },
+      form: {},
+      radio: '',
+      dialogImageUrl: '',
+      dialogVisible: false,
+      disabled: false,
+    };
+  },
+  created() {},
+  methods: {
+    onSubmit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('onSubmit', { data: this.form });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    //返回
+    toReturn() {
+      this.$router.push({ path: '/adminCenter/adminPatent/info/index' });
+    },
+    //首页附图-上传
+    handleRemove(file) {
+      console.log(file);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    handleDownload(file) {
+      console.log(file);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 0 0 20px 10px;
+    .sp {
+      padding: 0px 0 0 170px;
+      font-size: 24px;
+      font-weight: 700;
+      margin-right: 10px;
+    }
+  }
+}
+</style>

+ 142 - 4
src/views/adminCenter/adminPatent/info/index.vue

@@ -1,8 +1,90 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="one_1">
+            <el-button type="primary" size="mini" @click="toSelect()">查询条件</el-button>
+            <el-button type="primary" size="mini" @click="toImport()">导入专利</el-button>
+            <el-button type="primary" size="mini" @click="toDpatent()">下载专利</el-button>
+            <el-button type="primary" size="mini" @click="toDown()">下载进度</el-button>
+            <el-button type="primary" size="mini" @click="toAdd()">新增</el-button>
+          </el-col>
+          <el-col :span="24" class="one_2">
+            <span>专利总数:(52835)</span>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="two">
+          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @edit="toEdit" @del="toDel" @reset="toReset"> </data-table>
+        </el-col>
+      </el-col>
     </el-row>
+    <el-dialog title="查询条件" :visible.sync="show" width="50%" :before-close="toClose">
+      <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+        <el-form-item label="申请人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="第一申请人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="当前权利人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="专利有效性" prop="title">
+          <el-radio v-model="radio1" label="1">有效</el-radio>
+          <el-radio v-model="radio1" label="2">审中</el-radio>
+          <el-radio v-model="radio1" label="3">失效</el-radio>
+        </el-form-item>
+        <el-form-item label="标题或关键词" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="专利类型" prop="title">
+          <el-radio v-model="radio2" label="1">发明申请</el-radio>
+          <el-radio v-model="radio2" label="2">实用新型</el-radio>
+          <el-radio v-model="radio2" label="3">外观设计</el-radio>
+          <el-radio v-model="radio2" label="4">PCT国际申请号</el-radio>
+          <el-radio v-model="radio2" label="5">PCT国际发布号</el-radio>
+        </el-form-item>
+        <el-form-item label="当前法律状态" prop="title">
+          <el-radio v-model="radio3" label="1">公开</el-radio>
+          <el-radio v-model="radio3" label="2">授权</el-radio>
+          <el-radio v-model="radio3" label="3">实质审查</el-radio>
+        </el-form-item>
+        <el-form-item label="发明人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="第一发明人" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请人城市" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请日(开始)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请日(结束)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="授权公告日(开始)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="授权公告日(结束)" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="申请号" prop="title">
+          <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="所属管理机构" prop="title1">
+          <el-select v-model="form.title1" placeholder="请选择">
+            <el-option v-for="item in title1List" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="mini" @click="onSubmit('form')">重置条件</el-button>
+          <el-button type="primary" size="mini" @click="onReset('form')">提交查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -13,10 +95,54 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      //列头配置项
+      fields: [
+        { label: '名称', prop: 'name', filter: true },
+        { label: '专利有效性', prop: 'name', filter: true },
+        { label: '申请时间', prop: 'name', filter: true },
+      ],
+      // 操作
+      opera: [
+        { label: '修改', method: 'edit' },
+        { label: '删除', method: 'del', confirm: true, type: 'danger' },
+        { label: '重置', method: 'reset' },
+      ],
+
+      list: [],
+      total: 0,
+      // 弹框
+      title1List: [
+        { value: '1', label: '吉林专利市场系统管理员' },
+        { value: '2', label: '长春新区' },
+        { value: '3', label: '吉林省发明和科技评价协会' },
+      ],
+      radio1: '',
+      radio2: '',
+      radio3: '',
+      show: false,
+      form: {},
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 查看文件
+    toSee({ data }) {
+      console.log(data);
+    },
+    //查询条件弹窗
+    toSelect() {
+      this.show = true;
+    },
+    // 添加用户
+    toAdd() {
+      this.$router.push({ path: '/adminCenter/adminPatent/info/detail' });
+    },
+    // 关闭弹框
+    toClose() {
+      this.show = false;
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -33,4 +159,16 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 10px 0;
+    .one_1 {
+      padding: 0 0 10px 0;
+    }
+    .one_2 {
+      text-align: center;
+    }
+  }
+}
+</style>

+ 208 - 0
src/views/adminCenter/adminPatent/trans/detail.vue

@@ -0,0 +1,208 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col class="one">
+          <el-button type="primary" size="mini" @click="toReturn()">返回</el-button>
+        </el-col>
+        <el-col class="two">
+          <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+            <el-col :span="12">
+              <el-form-item label="专利号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="专利名称" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="变更前权利人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="变更后权利人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系人" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="电子邮箱" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="价格类型" prop="title">
+                <el-radio v-model="radio1" label="1">面议</el-radio>
+                <el-radio v-model="radio1" label="2">金额区间(万元)</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="交易类型" prop="title">
+                <el-radio v-model="radio2" label="1">转让</el-radio>
+                <el-radio v-model="radio2" label="2">许可</el-radio>
+                <el-radio v-model="radio2" label="3">免费许可</el-radio>
+                <el-radio v-model="radio2" label="4">招商</el-radio>
+                <el-radio v-model="radio2" label="5">质押</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="报告文件" prop="title">
+                <el-upload action="#" list-type="picture-card" :auto-upload="false">
+                  <i slot="default" class="el-icon-plus"></i>
+                  <div slot="file" slot-scope="{ file }">
+                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
+                    <span class="el-upload-list__item-actions">
+                      <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+                        <i class="el-icon-zoom-in"></i>
+                      </span>
+                      <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
+                        <i class="el-icon-download"></i>
+                      </span>
+                      <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
+                        <i class="el-icon-delete"></i>
+                      </span>
+                    </span>
+                  </div>
+                </el-upload>
+                <el-dialog :visible.sync="dialogVisible">
+                  <img width="100%" :src="dialogImageUrl" alt="" />
+                </el-dialog>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="摘要" prop="title">
+                <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"> </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="技术说明" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="商业预期" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="合作条件及要求" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="法律文书日期" prop="title">
+                <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="交易状态" prop="title">
+                <el-radio v-model="radio3" label="1">转让信息</el-radio>
+                <el-radio v-model="radio3" label="2">交易公告</el-radio>
+                <el-radio v-model="radio3" label="3">已成交专利</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-form-item>
+              <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'detail',
+  props: {},
+  components: {},
+  data: function () {
+    return {
+      rules: {
+        title: [{ required: true, message: '请输入', trigger: 'blur' }],
+        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
+        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
+        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
+        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
+        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+      },
+      title: '',
+      form: {},
+      radio1: '',
+      radio2: '',
+      radio3: '',
+      dialogImageUrl: '',
+      dialogVisible: false,
+      disabled: false,
+    };
+  },
+  created() {},
+  methods: {
+    onSubmit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('onSubmit', { data: this.form });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    //返回
+    toReturn() {
+      this.$router.push({ path: '/adminCenter/adminPatent/trans/index' });
+    },
+    //首页附图-上传
+    handleRemove(file) {
+      console.log(file);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    handleDownload(file) {
+      console.log(file);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 0 0 20px 10px;
+    .sp {
+      padding: 0px 0 0 170px;
+      font-size: 24px;
+      font-weight: 700;
+      margin-right: 10px;
+    }
+  }
+}
+</style>

+ 51 - 5
src/views/adminCenter/adminPatent/trans/index.vue

@@ -1,7 +1,18 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one">
+          <el-button type="primary" size="mini" @click="toImport()">导入交易信息</el-button>
+        </el-col>
+        <el-col :span="24" class="two">
+          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @edit="toEdit" @del="toDel">
+            <template slot="selfbtn">
+              <el-button type="primary" size="mini" @click="toAdd()">新增</el-button>
+            </template>
+          </data-table>
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -13,10 +24,39 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      //列头配置项
+      fields: [
+        { label: '名称', prop: 'name', filter: true },
+        { label: '申请号', prop: 'name', filter: true },
+        { label: '交易类型', prop: 'name', filter: true },
+        { label: '状态', prop: 'name', filter: true },
+      ],
+      // 操作
+      opera: [
+        { label: '详细', method: 'detailed' },
+        { label: '删除', method: 'del', confirm: true, type: 'danger' },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    async search({ skip = 0, limit = 10, ...info } = {}) {},
+    // 添加用户
+    toAdd() {
+      this.$router.push({ path: '/adminCenter/adminPatent/trans/detail' });
+    },
+    // 修改
+    toEdit({ data }) {},
+    // 刪除
+    toDel({ data }) {
+      console.log(data);
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user']),
   },
@@ -33,4 +73,10 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 0 0 20px 0;
+  }
+}
+</style>

+ 29 - 34
src/views/adminCenter/adminTea/detail.vue

@@ -8,63 +8,62 @@
         <el-col class="two">
           <el-form :model="form" :rules="rules" ref="form" label-width="140px">
             <el-col :span="24">
-              <el-form-item label="用户类型" prop="name1">
-                <el-radio v-model="radio" label="1">咨询师</el-radio>
-                <el-radio v-model="radio" label="2">代理师</el-radio>
-                <el-radio v-model="radio" label="3">分析师</el-radio>
+              <el-form-item label="用户类型" prop="type">
+                <el-radio v-model="type" label="1">咨询师</el-radio>
+                <el-radio v-model="type" label="2">代理师</el-radio>
+                <el-radio v-model="type" label="3">分析师</el-radio>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="姓名" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="姓名" prop="name">
+                <el-input v-model="form.name" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="手机号" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="手机号" prop="phone">
+                <el-input v-model="form.phone" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="登录密码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="登录密码" prop="password">
+                <el-input v-model="form.password" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="身份证号" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="身份证号" prop="card">
+                <el-input v-model="form.card" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="电子邮箱" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="电子邮箱" prop="email">
+                <el-input v-model="form.email" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="联系地址" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="联系地址" prop="address">
+                <el-input v-model="form.address" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="职位职称" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="职位职称" prop="zwzc">
+                <el-input v-model="form.zwzc" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="院校" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="院校" prop="school">
+                <el-input v-model="form.school" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="专业" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="专业" prop="major">
+                <el-input v-model="form.major" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="办公电话" prop="title">
-                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              <el-form-item label="办公电话" prop="word_tel">
+                <el-input v-model="form.word_tel" placeholder="请输入" size="small"></el-input>
               </el-form-item>
             </el-col>
-
             <el-col :span="24">
               <el-form-item>
                 <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
@@ -86,17 +85,13 @@ export default {
   data: function () {
     return {
       rules: {
-        title: [{ required: true, message: '请输入', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
-        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
-        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
-        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+        type: [{ required: true, message: '用户类型', trigger: 'blur' }],
+        name: [{ required: true, message: '姓名', trigger: 'blur' }],
+        phone: [{ required: true, message: '手机号', trigger: 'blur' }],
+        password: [{ required: true, message: '密码', trigger: 'blur' }],
       },
-      radio: '',
+      type: '',
       form: {},
-      // 名称
-      name1List: [{ value: '0', label: '吉林专利市场系统管理员' }],
     };
   },
   created() {},

+ 2 - 2
src/views/adminCenter/adminTea/index.vue

@@ -25,8 +25,8 @@ export default {
       //列头配置项
       fields: [
         { label: '姓名', prop: 'name', filter: true },
-        { label: '用户类型', prop: 'name', filter: true },
-        { label: '联系电话', prop: 'name', filter: true },
+        { label: '用户类型', prop: 'type', filter: true },
+        { label: '联系电话', prop: 'phone', filter: true },
       ],
       // 操作
       opera: [

+ 59 - 42
src/views/adminCenter/adminUser/detail.vue

@@ -8,74 +8,69 @@
         <el-col class="two">
           <el-form :model="form" :rules="rules" ref="form" label-width="140px">
             <el-col :span="12">
-              <el-form-item label="邀请码" prop="name1">
-                <el-select v-model="form.name1" clearable filterable placeholder="请选择" style="width: 100%" size="small">
-                  <el-option v-for="item in name1List" :key="item._id" :label="item._id" :value="item.name"> </el-option>
+              <el-form-item label="邀请码" prop="code">
+                <el-select v-model="form.code" clearable filterable placeholder="请选择" style="width: 100%" size="small">
+                  <el-option v-for="item in codeList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="机构代码或邀请码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入机构代码或邀请码" size="small"></el-input>
+              <el-form-item label="姓名" prop="name">
+                <el-input v-model="form.name" placeholder="请输入姓名" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="姓名" prop="title">
-                <el-input v-model="form.title" placeholder="请输入姓名" size="small"></el-input>
+              <el-form-item label="手机号" prop="phone">
+                <el-input v-model="form.phone" placeholder="请输入手机号" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="手机号" prop="title">
-                <el-input v-model="form.title" placeholder="请输入手机号" size="small"></el-input>
+              <el-form-item label="登录密码" prop="password">
+                <el-input v-model="form.password" placeholder="请输入登录密码" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="登录密码" prop="title">
-                <el-input v-model="form.title" placeholder="请输入登录密码" size="small"></el-input>
+              <el-form-item label="身份证号" prop="card">
+                <el-input v-model="form.card" placeholder="请输入身份证号" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="身份证号" prop="title">
-                <el-input v-model="form.title" placeholder="请输入身份证号" size="small"></el-input>
+              <el-form-item label="电子邮箱" prop="email">
+                <el-input v-model="form.email" placeholder="请输入电子邮箱" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="电子邮箱" prop="title">
-                <el-input v-model="form.title" placeholder="请输入电子邮箱" size="small"></el-input>
+              <el-form-item label="联系地址" prop="addr">
+                <el-input v-model="form.addr" placeholder="请输入联系地址" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="联系地址" prop="title">
-                <el-input v-model="form.title" placeholder="请输入联系地址" size="small"></el-input>
+              <el-form-item label="职务职称" prop="zwzc">
+                <el-input v-model="form.zwzc" placeholder="请输入职务职称" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="职务职称" prop="title">
-                <el-input v-model="form.title" placeholder="请输入职务职称" size="small"></el-input>
+              <el-form-item label="院校" prop="school">
+                <el-input v-model="form.school" placeholder="请输入院校" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="院校" prop="title">
-                <el-input v-model="form.title" placeholder="请输入院校" size="small"></el-input>
+              <el-form-item label="专业" prop="major">
+                <el-input v-model="form.major" placeholder="请输入专业" size="small"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="专业" prop="title">
-                <el-input v-model="form.title" placeholder="请输入专业" size="small"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="所属辖区" prop="name2">
-                <el-select v-model="form.name2" clearable filterable placeholder="请选择" style="width: 100%" size="small">
-                  <el-option v-for="item in name2List" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              <el-form-item label="所属辖区" prop="juris">
+                <el-select v-model="form.juris" clearable filterable placeholder="请选择" style="width: 100%" size="small">
+                  <el-option v-for="item in jurisList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="审核状态" prop="name1">
-                <el-radio v-model="radio" label="1">待审</el-radio>
-                <el-radio v-model="radio" label="2">通过</el-radio>
-                <el-radio v-model="radio" label="3">拒绝</el-radio>
+              <el-form-item label="审核状态" prop="status">
+                <el-radio v-model="status" label="0">待审</el-radio>
+                <el-radio v-model="status" label="1">通过</el-radio>
+                <el-radio v-model="status" label="2">拒绝</el-radio>
               </el-form-item>
             </el-col>
             <el-col :span="24">
@@ -99,17 +94,39 @@ export default {
   data: function () {
     return {
       rules: {
-        title: [{ required: true, message: '请输入', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
-        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
-        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
-        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
-        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+        code: [{ required: true, message: '请选择邀请码', trigger: 'blur' }],
+        name: [{ required: true, message: '姓名', trigger: 'blur' }],
+        phone: [{ required: true, message: '手机号', trigger: 'blur' }],
+        password: [{ required: true, message: '登录密码', trigger: 'blur' }],
+        status: [{ required: true, message: '审核状态', trigger: 'blur' }],
       },
       form: {},
-      radio: '',
-      // 名称
-      name1List: [{ value: '0', label: '吉林专利市场系统管理员' }],
+      status: '',
+      // 邀请码
+      codeList: [
+        { value: '0', label: '吉林专利市场系统管理员' },
+        { value: '1', label: '长春工程学院' },
+        { value: '2', label: '长春工业大学' },
+        { value: '3', label: '中国科学院东北地理与农业生态研究所' },
+        { value: '4', label: '长春中医药大学' },
+        { value: '5', label: '北华大学' },
+        { value: '6', label: '吉林工程技术师范学院' },
+      ],
+      // 所属辖区
+      jurisList: [
+        { value: '0', label: '长春新区' },
+        { value: '1', label: '净月区' },
+        { value: '2', label: '汽开区' },
+        { value: '3', label: '经开区' },
+        { value: '4', label: '高新区' },
+        { value: '5', label: '南关区' },
+        { value: '6', label: '朝阳区' },
+        { value: '7', label: '宽城区' },
+        { value: '8', label: '二道区' },
+        { value: '9', label: '绿园区' },
+        { value: '10', label: '双阳区' },
+        { value: '11', label: '九台区' },
+      ],
     };
   },
   created() {},

+ 5 - 5
src/views/adminCenter/adminUser/index.vue

@@ -29,15 +29,15 @@ export default {
       //列头配置项
       fields: [
         { label: '名称', prop: 'name', filter: true },
-        { label: '机构代码或邀请码', prop: 'name', filter: true },
-        { label: '联系电话', prop: 'name', filter: true },
-        { label: '审核状态', prop: 'name', filter: true },
+        { label: '机构代码或邀请码', prop: 'code', filter: true },
+        { label: '联系电话', prop: 'phone', filter: true },
+        { label: '审核状态', prop: 'status', filter: true },
       ],
       // 操作
       opera: [
         { label: '修改/审核', method: 'edit' },
         { label: '删除', method: 'del', confirm: true, type: 'danger' },
-        { label: '重置', method: 'reset' },
+        { label: '重置密码', method: 'reset' },
       ],
       list: [],
       total: 0,
@@ -62,7 +62,7 @@ export default {
     toDel({ data }) {
       console.log(data);
     },
-    //重置
+    //重置密码
     toReset({ data }) {
       console.log(data);
     },

+ 29 - 2
src/views/adminCenter/comBasic/index.vue

@@ -1,7 +1,32 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one">
+          <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+            <el-col :span="13">
+              <el-form-item label="机构名称" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="13">
+              <el-form-item label="姓名" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="13">
+              <el-form-item label="手机号" prop="title">
+                <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="13">
+              <el-form-item>
+                <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -13,7 +38,9 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      form: {},
+    };
   },
   created() {},
   methods: {},

+ 19 - 2
src/views/adminCenter/comPad/index.vue

@@ -1,7 +1,22 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one">
+          <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+            <el-col :span="13">
+              <el-form-item label="新密码" prop="title">
+                <el-input v-model="form.title" placeholder="填写密码" size="small"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="13">
+              <el-form-item>
+                <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交修改</el-button>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -13,7 +28,9 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      form: {},
+    };
   },
   created() {},
   methods: {},