Explorar o código

修改广告主信息页面

xuzuoyun %!s(int64=5) %!d(string=hai) anos
pai
achega
df4f34f5e9

+ 4 - 0
package.json

@@ -11,10 +11,13 @@
   },
   "dependencies": {
     "@antv/data-set": "^0.10.2",
+    "@femessage/upload-to-ali": "^1.8.1",
     "@tinymce/tinymce-vue": "^2.0.0",
+    "ali-oss": "^6.1.1",
     "ant-design-vue": "^1.3.9",
     "apexcharts": "^3.6.5",
     "axios": "^0.18.0",
+    "blueimp-md5": "^2.11.0",
     "clipboard": "^2.0.4",
     "codemirror": "^5.46.0",
     "dayjs": "^1.8.0",
@@ -34,6 +37,7 @@
     "vue-i18n": "^8.7.0",
     "vue-loader": "^15.7.0",
     "vue-ls": "^3.2.0",
+    "vue-oss-uploader": "^0.1.10",
     "vue-photo-preview": "^1.1.3",
     "vue-print-nb-jeecg": "^1.0.8",
     "vue-property-decorator": "^7.3.0",

+ 7 - 0
src/components/oss/AliUpload.vue

@@ -0,0 +1,7 @@
+<template>
+  <vueOssUploader :path="path" :debug="true" :name-mode="nameMode" :keySet="keySet" :name="name" v-on:success="uploaded" @error="showError"></vueOssUploader>
+</template>
+<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>
+<script>
+
+</script>

+ 80 - 76
src/views/modules/advertiser/AdvertiserList.vue

@@ -87,89 +87,91 @@
                   <a>删除</a>
                 </a-popconfirm>
               </a-menu-item>
-              <!--<a-menu-item>
-                  <a>账号绑定</a>
-              </a-menu-item>-->
+              <a-menu-item>
+                  <a @click="showModal(record)">账号绑定</a>
+              </a-menu-item>
+            </a-menu>
 
+          </a-dropdown>
+        </span>
 
-     <a-menu-item>
-       <a @click="showModal(record)">账号绑定</a>
-       <a-modal
-         title="账号绑定"
-         v-model="visible"
-         @ok="handleOk"
-         :okButtonProps="{ props: {disabled: false} }"
-         :cancelButtonProps="{ props: {disabled: false} }"
-         :mask="false"
-       >
-          <div :style="{ marginTop: '16px' }">
-            <a-form-item
-              label="选择方式"
-              :labelCol="{lg: {span: 7}, sm: {span: 7}}"
-              :wrapperCol="{lg: {span: 15}, sm: {span: 17} }">
-           <a-radio-group buttonStyle="solid" @change="onChageLogin" v-model="mode">
-           <a-radio-button value="login">登录</a-radio-button>
-           <a-radio-button value="authorization">授权</a-radio-button>
-           </a-radio-group>
-           </a-form-item>
+      </a-table>
+          <a-modal
+            title="账号绑定"
+            v-model="visible"
+            @ok="handleOk"
+            :width="800"
+            :okButtonProps="{ props: {disabled: false} }"
+            :cancelButtonProps="{ props: {disabled: false} }"
+          >
+            <a-form>
+              <a-form-item
+                label="选择方式"
+                :labelCol="{xs: {span: 24},sm: {span: 5}}"
+                :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
+                <a-radio-group buttonStyle="solid" @change="onChageLogin" v-model="mode">
+                  <a-radio-button value="login">登录</a-radio-button>
+                  <a-radio-button value="authorization">授权</a-radio-button>
+                </a-radio-group>
+              </a-form-item>
 
-            <a-form-item
-              v-if="showLogin"
-              :labelCol="{lg: {span: 7}, sm: {span: 7}}"
-              :wrapperCol="{lg: {span: 15}, sm: {span: 17} }">
+              <a-form-item
+                v-if="showLogin"
+                >
                 <a-form
                   :form="form"
                   @submit="loginForm">
-               <a-form-item
-                 label="账号:"
-                 :label-col="{ span: 5 }"
-                 :wrapper-col="{ span: 12 }">
-                <a-input v-model="accountName"/>
-             </a-form-item>
-             <a-form-item
-               label="密码:"
-               :label-col="{ span: 5 }"
-               :wrapper-col="{ span: 12 }">
-             <a-input type="password" v-model="password"/>
-           </a-form-item>
-           <a-form-item
-             label="媒体:"
-             :label-col="{ span: 5 }"
-             :wrapper-col="{ span: 12 }">
-         <a-radio-group buttonStyle="outline" v-model="loginType">
-           <a-radio-button value="kuaishou">快手</a-radio-button>
-           <a-radio-button value="toutiao">头条</a-radio-button>
-         </a-radio-group>
-      </a-form-item>
-      <a-button htmlType="submit" type="primary">提交</a-button>
-    </a-form>
-       </a-form-item>
-          <a-form-item
-            v-if="showAuthorization"
-            :labelCol="{lg: {span: 7}, sm: {span: 7}}"
-            :wrapperCol="{lg: {span: 15}, sm: {span: 17} }">
-            <a-form
-              :form="form"
-              @submit="authorizationForm"
-            >
-            <a-radio-group buttonStyle="outline" v-model="authorizationType">
-            <br/>
-           <a-radio-button value="kuaishou">快手</a-radio-button>
-           <a-radio-button value="toutiao">头条</a-radio-button>
-           </a-radio-group>
-              <br/>
-              <br/>
-           <a-button htmlType="submit" type="primary">提交</a-button>
-           </a-form>
-           </a-form-item>
-    </div>
-    </a-modal>
-  </a-menu-item>
-            </a-menu>
-          </a-dropdown>
-        </span>
+                  <a-form-item
+                    label="账号:"
+                    :label-col="{xs: {span: 24},sm: {span: 5}}"
+                    :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
+                    <a-input v-model="accountName" placeholder="请输入账户名"/>
+                  </a-form-item>
+                  <a-form-item
+                    label="密码:"
+                    :label-col="{xs: {span: 24},sm: {span: 5}}"
+                    :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
+                    <a-input type="password" v-model="password" placeholder="请输入密码"/>
+                  </a-form-item>
+                  <a-form-item
+                    label="媒体:"
+                    :label-col="{xs: {span: 24},sm: {span: 5}}"
+                    :wrapper-col="{xs: {span: 24},sm: {span: 16}}">
+                    <a-radio-group buttonStyle="outline" v-model="loginType">
+                      <a-radio-button value="kuaishou">快手</a-radio-button>
+                      <a-radio-button value="toutiao">头条</a-radio-button>
+                    </a-radio-group>
+                  </a-form-item>
+                  <a-form-item :wrapperCol="{ span: 24 }"
+                               style="text-align: center">
+                    <a-button htmlType="submit" type="primary">提交</a-button>
+                  </a-form-item>
+                </a-form>
+              </a-form-item>
+              <a-form-item
+                v-if="showAuthorization"
+                :labelCol="{xs: {span: 24},sm: {span: 5}}"
+                :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
+                <a-form
+                  :form="form"
+                  @submit="authorizationForm"
+                >
+                  <a-form-item label="媒体:" :labelCol="{xs: {span: 24},sm: {span: 5}}"
+                               :wrapperCol="{xs: {span: 24},sm: {span: 16}}">
+                  <a-radio-group buttonStyle="outline" v-model="authorizationType">
+                    <a-radio-button value="kuaishou">快手</a-radio-button>
+                    <a-radio-button value="toutiao">头条</a-radio-button>
+                  </a-radio-group>
+                  </a-form-item>
+                  <a-form-item :wrapperCol="{ span: 24 }"
+                               style="text-align: center">
+                    <a-button htmlType="submit" type="primary">提交</a-button>
+                  </a-form-item>
+                </a-form>
+              </a-form-item>
 
-      </a-table>
+            </a-form>
+          </a-modal>
     </div>
     <!-- table区域-end -->
 
@@ -183,12 +185,14 @@
   import {JeecgListMixin} from '@/mixins/JeecgListMixin'
   import JTreeSelect from '@/components/jeecg/JTreeSelect'
   import {deleteAction, postAction, getAction} from '@/api/manage'
+  import AFormItem from "ant-design-vue/es/form/FormItem";
 
 
   export default {
     name: 'AdvertiserList',
     mixins: [JeecgListMixin],
     components: {
+      AFormItem,
       AdvertiserModal,
       JTreeSelect
     },

+ 12 - 0
src/views/modules/test/Test.vue

@@ -0,0 +1,12 @@
+<template>
+  <upload-to-ali v-model="url"></upload-to-ali>
+</template>
+<script>
+  export default {
+    data(){
+      return {
+        url:''
+      }
+    }
+  }
+</script>