index.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653
  1. <!-- 商机-列表 -->
  2. <template>
  3. <div class="app-container">
  4. <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
  5. <el-form-item label="商机名称" prop="boName">
  6. <el-input
  7. v-model="queryParams.boName"
  8. placeholder="请输入商机名称"
  9. clearable
  10. @keyup.enter.native="handleQuery"
  11. />
  12. </el-form-item>
  13. <el-form-item label="商机类型" prop="boType">
  14. <el-select v-model="form.boType" placeholder="请输入商机类型" clearable>
  15. <el-option
  16. v-for="dict in dict.type.mk_bo_type"
  17. :key="dict.value"
  18. :label="dict.label"
  19. :value="dict.value"
  20. ></el-option>
  21. </el-select>
  22. </el-form-item>
  23. <el-form-item label="商机状态" prop="boState" clearable>
  24. <el-select v-model="queryParams.boState" placeholder="请输入商机状态" clearable>
  25. <el-option
  26. v-for="dict in dict.type.mk_bo_state"
  27. :key="dict.value"
  28. :label="dict.label"
  29. :value="dict.value"
  30. ></el-option>
  31. </el-select>
  32. </el-form-item>
  33. <el-form-item label="商机来源" prop="boSource">
  34. <el-select v-model="queryParams.boSource" placeholder="请输入商机来源" clearable>
  35. <el-option
  36. v-for="dict in dict.type.mk_bo_source"
  37. :key="dict.value"
  38. :label="dict.label"
  39. :value="dict.value"
  40. ></el-option>
  41. </el-select>
  42. </el-form-item>
  43. <el-form-item label="商机阶段" prop="boStage">
  44. <el-select v-model="queryParams.boStage" placeholder="请输入商机阶段" clearable>
  45. <el-option
  46. v-for="dict in dict.type.mk_bo_stage"
  47. :key="dict.value"
  48. :label="dict.label"
  49. :value="dict.value"
  50. ></el-option>
  51. </el-select>
  52. </el-form-item>
  53. <el-form-item label="客户名称" prop="customerName">
  54. <el-input
  55. v-model="queryParams.customerName"
  56. placeholder="请输入客户名称"
  57. clearable
  58. @keyup.enter.native="handleQuery"
  59. />
  60. </el-form-item>
  61. <el-form-item label="商机负责人" prop="principalName">
  62. <el-input
  63. v-model="queryParams.principalName"
  64. placeholder="请输入负责人"
  65. clearable
  66. @keyup.enter.native="handleQuery"
  67. />
  68. </el-form-item>
  69. <el-form-item>
  70. <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  71. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  72. </el-form-item>
  73. </el-form>
  74. <el-row :gutter="10" class="mb8">
  75. <el-col :span="1.5">
  76. <el-button
  77. type="primary"
  78. plain
  79. icon="el-icon-plus"
  80. size="mini"
  81. @click="handleAdd"
  82. >新增</el-button>
  83. </el-col>
  84. <el-col :span="1.5">
  85. <el-button
  86. type="success"
  87. plain
  88. icon="el-icon-edit"
  89. size="mini"
  90. :disabled="single"
  91. @click="handleUpdate"
  92. >修改</el-button>
  93. </el-col>
  94. <el-col :span="1.5">
  95. <el-button
  96. type="danger"
  97. plain
  98. icon="el-icon-delete"
  99. size="mini"
  100. :disabled="multiple"
  101. @click="handleDelete"
  102. >删除</el-button>
  103. </el-col>
  104. <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  105. </el-row>
  106. <el-table v-loading="loading" :data="basicList" @selection-change="handleSelectionChange" @cell-dblclick="enterDetails">
  107. <el-table-column type="selection" width="55" align="center" />
  108. <el-table-column label="商机名称" align="center" prop="boName" />
  109. <el-table-column label="商机类型" align="center" prop="boType" >
  110. <template slot-scope="scope">
  111. <dict-tag :options="dict.type.mk_bo_type" :value="scope.row.boType"/>
  112. </template>
  113. </el-table-column>
  114. <el-table-column label="商机状态" align="center" prop="boState" >
  115. <template slot-scope="scope">
  116. <dict-tag :options="dict.type.mk_bo_state" :value="scope.row.boState"/>
  117. </template>
  118. </el-table-column>
  119. <el-table-column label="商机来源" align="center" prop="boSource" >
  120. <template slot-scope="scope">
  121. <dict-tag :options="dict.type.mk_bo_source" :value="scope.row.boSource"/>
  122. </template>
  123. </el-table-column>
  124. <el-table-column label="商机阶段" align="center" prop="boStage" >
  125. <template slot-scope="scope">
  126. <dict-tag :options="dict.type.mk_bo_stage" :value="scope.row.boStage"/>
  127. </template>
  128. </el-table-column>
  129. <el-table-column label="客户名称" align="center" prop="customerName" />
  130. <el-table-column label="医院耗材预估值(万元)" align="center" prop="hosDiscreetValue" />
  131. <el-table-column label="赢单率" align="center" prop="winningRate" />
  132. <el-table-column label="销售区域" align="center" prop="marketingAreaName" />
  133. <el-table-column label="销售组织" align="center" prop="marketingOrganizingName" />
  134. <el-table-column label="部门" align="center" prop="deptName" />
  135. <el-table-column label="商机负责人" align="center" prop="principalName" />
  136. <el-table-column label="创建人" align="center" prop="createBy" />
  137. <el-table-column label="创建时间" align="center" prop="createTime" />
  138. <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
  139. <template slot-scope="scope">
  140. <el-button
  141. size="mini"
  142. type="text"
  143. icon="el-icon-top"
  144. @click="submitOa(scope.row)"
  145. >提交</el-button>
  146. <el-button
  147. size="mini"
  148. type="text"
  149. icon="el-icon-view"
  150. @click="enterDetails(scope.row)"
  151. >进入详情</el-button>
  152. <el-button
  153. size="mini"
  154. type="text"
  155. icon="el-icon-edit"
  156. @click="handleUpdate(scope.row)"
  157. >修改</el-button>
  158. <el-button
  159. size="mini"
  160. type="text"
  161. icon="el-icon-delete"
  162. @click="handleDelete(scope.row)"
  163. >删除</el-button>
  164. </template>
  165. </el-table-column>
  166. </el-table>
  167. <pagination
  168. v-show="total>0"
  169. :total="total"
  170. :page.sync="queryParams.pageNum"
  171. :limit.sync="queryParams.pageSize"
  172. @pagination="getList"
  173. />
  174. <!-- 添加或修改商机基础信息对话框 -->
  175. <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
  176. <el-form ref="form" :model="form" :rules="rules" label-width="80px">
  177. <el-divider content-position="left" style="font-size: 30px">基本信息</el-divider>
  178. <el-row>
  179. <el-col :span="8">
  180. <el-form-item label="商机名称" prop="boName">
  181. <el-input v-model="form.boName" placeholder="商机名称自动生成" :disabled="true"/>
  182. </el-form-item>
  183. </el-col>
  184. <el-col :span="8">
  185. <el-form-item label="商机来源" prop="boSource">
  186. <el-select v-model="form.boSource" placeholder="商机来源">
  187. <el-option
  188. v-for="dict in dict.type.mk_bo_source"
  189. :key="dict.value"
  190. :label="dict.label"
  191. :value="dict.value"
  192. ></el-option>
  193. </el-select>
  194. </el-form-item>
  195. </el-col>
  196. <el-col :span="8">
  197. <el-form-item label="推荐人" prop="referrerName" v-show="form.boSource == 2" :rules="form.boSource == 2 ? rules.referrer : [{require: false}]">
  198. <el-input v-model="form.referrerName" placeholder="请输入推荐人" >
  199. <el-button slot="append" icon="el-icon-more" @click="refereStaff"></el-button>
  200. </el-input>
  201. </el-form-item>
  202. </el-col>
  203. </el-row>
  204. <el-row>
  205. <el-col :span="8">
  206. <el-form-item label="商机类型" prop="boType">
  207. <el-select v-model="form.boType" placeholder="商机类型" :disabled = "this.operatingState == 'Update'">
  208. <el-option
  209. v-for="dict in dict.type.mk_bo_type"
  210. :key="dict.value"
  211. :label="dict.label"
  212. :value="dict.value"
  213. ></el-option>
  214. </el-select>
  215. </el-form-item>
  216. </el-col>
  217. <el-col :span="8">
  218. <el-form-item label="客户名称" prop="customerName">
  219. <el-input v-model="form.customerName" placeholder="请输入客户" :disabled = "this.operatingState == 'Update'">
  220. <el-button slot="append" icon="el-icon-more" @click="refereCustomer" :disabled = "this.operatingState == 'Update'"></el-button>
  221. </el-input>
  222. </el-form-item>
  223. </el-col>
  224. <el-col :span="8">
  225. <el-form-item label="医院营收总额" prop="totalHosRevenue">
  226. <el-select v-model="form.totalHosRevenue" placeholder="请输入医院营收总额">
  227. <el-option
  228. v-for="dict in dict.type.mk_bo_total_revenue"
  229. :key="dict.value"
  230. :label="dict.label"
  231. :value="dict.value"
  232. ></el-option>
  233. </el-select>
  234. </el-form-item>
  235. </el-col>
  236. </el-row>
  237. <el-row>
  238. <el-col :span="8">
  239. <el-form-item label="医院耗材预估值(万元)" prop="hosDiscreetValue">
  240. <el-input v-model="form.hosDiscreetValue" placeholder="请输入医院耗材预估值" />
  241. </el-form-item>
  242. </el-col>
  243. </el-row>
  244. <el-row>
  245. <el-col>
  246. <el-form-item label="商机内容" prop="boContent">
  247. <el-input
  248. type="textarea"
  249. :rows="2"
  250. placeholder="请输入商机内容"
  251. autosize
  252. v-model="form.boContent">
  253. </el-input>
  254. </el-form-item>
  255. </el-col>
  256. </el-row>
  257. <el-divider content-position="left" style="font-size: 30px">其它信息</el-divider>
  258. <el-row>
  259. <el-col :span="6">
  260. <el-form-item label="销售区域" prop="marketingAreaName">
  261. <el-input v-model="form.marketingAreaName" placeholder="请输入销售区域">
  262. <el-button slot="append" icon="el-icon-more" @click="refereSaleaea"></el-button>
  263. </el-input>
  264. </el-form-item>
  265. </el-col>
  266. <el-col :span="6">
  267. <el-form-item label="销售组织" prop="marketingOrganizingName">
  268. <el-input v-model="form.marketingOrganizingName" :disabled="true">
  269. <!-- <el-button slot="append" icon="el-icon-more" @click="refereOrg"></el-button> -->
  270. </el-input>
  271. </el-form-item>
  272. </el-col>
  273. <el-col :span="6">
  274. <el-form-item label="部门" prop="deptName">
  275. <el-input v-model="form.deptName" :disabled="true">
  276. <!-- <el-button slot="append" icon="el-icon-more" @click="refereDept"></el-button> -->
  277. </el-input>
  278. </el-form-item>
  279. </el-col>
  280. <el-col :span="6">
  281. <el-form-item label="商机负责人" prop="principalName">
  282. <el-input v-model="form.principalName" :disabled="true">
  283. <!-- <el-button slot="append" icon="el-icon-more" @click="refereStaff"></el-button> -->
  284. </el-input>
  285. </el-form-item>
  286. </el-col>
  287. </el-row>
  288. </el-form>
  289. <div slot="footer" class="dialog-footer">
  290. <el-button type="primary" @click="submitForm">确 定</el-button>
  291. <el-button @click="cancel">取 消</el-button>
  292. </div>
  293. </el-dialog>
  294. <!-- 客户参照 -->
  295. <CustomerRef
  296. ref="customerSelect"
  297. @doSubmit="customerSelectionsToInput"
  298. :single="true"
  299. />
  300. <!-- 销售区域参照 -->
  301. <SaleaeaRef
  302. ref="saleaeaSelect"
  303. @doSubmit="saleaeaSelectionsToInput"
  304. :single="true"
  305. />
  306. <!-- 组织参照 -->
  307. <OrgRef
  308. ref="orgSelect"
  309. @doSubmit="orgSelectionsToInput"
  310. :single="true"
  311. />
  312. <!-- 部门参照 -->
  313. <DeptRef
  314. ref="deptSelect"
  315. @doSubmit="deptSelectionsToInput"
  316. :single="true"
  317. />
  318. <!-- 员工参照 -->
  319. <StaffRef
  320. ref="staffSelect"
  321. @doSubmit="staffSelectionsToInput"
  322. :single="true"
  323. />
  324. </div>
  325. </template>
  326. <script>
  327. import { listBasic, getBasic, addBasic, updateBasic, delBasic ,submit} from "@/api/business/spd/bo/basic";
  328. import CustomerRef from '@/views/business/spd/bo/refer/customer/index.vue';
  329. import SaleaeaRef from '@/views/business/spd/bo/refer/saleaea/index.vue';
  330. import OrgRef from '@/views/business/spd/bo/refer/org/index.vue';
  331. import DeptRef from '@/views/business/spd/bo/refer/dept/index.vue';
  332. import StaffRef from '@/views/business/spd/bo/refer/staff/index.vue';
  333. export default {
  334. name: "Basic",
  335. dicts: ['mk_bo_type','mk_bo_state','mk_bo_stage','mk_bo_source','mk_bo_total_revenue'],
  336. components: {CustomerRef,SaleaeaRef,OrgRef,DeptRef,StaffRef},
  337. data() {
  338. return {
  339. // 遮罩层
  340. loading: true,
  341. // 选中数组
  342. ids: [],
  343. // 非单个禁用
  344. single: true,
  345. // 非多个禁用
  346. multiple: true,
  347. // 显示搜索条件
  348. showSearch: true,
  349. // 总条数
  350. total: 0,
  351. // 商机基础信息表格数据
  352. basicList: [],
  353. // 弹出层标题
  354. title: "",
  355. // 是否显示弹出层
  356. open: false,
  357. //当前操作状态
  358. operatingState: '',
  359. // 查询参数
  360. queryParams: {
  361. pageNum: 1,
  362. pageSize: 10,
  363. id: null,
  364. boSource: null,
  365. boState: null,
  366. boStage: null,
  367. boName: null,
  368. referrer: null,
  369. referrerName: null,
  370. boType: null,
  371. customerName: null,
  372. totalHosRevenue: null,
  373. hosDiscreetValue: null,
  374. boContent: null,
  375. marketingArea: null,
  376. marketingAreaName: null,
  377. marketingOrganizing: null,
  378. marketingOrganizingName: null,
  379. marketingArea: null,
  380. dept: null,
  381. deptName: null,
  382. principal: null,
  383. principalName: null,
  384. delFlag: null,
  385. tenantId: null,
  386. revision: null,
  387. createBy: null,
  388. createTime: null,
  389. updateBy: null,
  390. updateTime: null
  391. },
  392. // 表单参数
  393. form: {},
  394. //表单校验
  395. rules: {
  396. boSource: [
  397. { required: true, message: "商机来源不能为空", trigger: "blur" }
  398. ],
  399. referrer: [
  400. { required: true, message: "推荐人不能为空", trigger: "blur" }
  401. ],
  402. boType: [
  403. { required: true, message: "商机类型不能为空", trigger: "blur" }
  404. ],
  405. customerName: [
  406. { required: true, message: "客户名称不能为空", trigger: "blur" }
  407. ],
  408. totalHosRevenue: [
  409. { required: true, message: "医院营收总额不能为空", trigger: "blur" }
  410. ],
  411. hosDiscreetValue: [
  412. { required: true, message: "医院耗材预估值不能为空", trigger: "blur" },
  413. { type: "number", message: '请输入数值', trigger: 'blur' }
  414. ],
  415. boContent: [
  416. { required: true, message: "商机内容不能为空", trigger: "blur" }
  417. ],
  418. },
  419. };
  420. },
  421. //监听属性
  422. watch:{
  423. //阶段
  424. 'form.totalHosRevenue':{
  425. handler(newName, oldName) {
  426. switch(newName) {
  427. //5000万以下
  428. case '0':
  429. this.form.hosDiscreetValue = 5000 * 0.2;
  430. break;
  431. //5000万-1亿
  432. case '1':
  433. this.form.hosDiscreetValue = 10000 * 0.2;
  434. break;
  435. //1亿-2亿
  436. case '2':
  437. this.form.hosDiscreetValue = 20000 * 0.2;
  438. break;
  439. //2亿-5亿
  440. case '3':
  441. this.form.hosDiscreetValue = 50000 * 0.2;
  442. break;
  443. //5亿-10亿
  444. case '4':
  445. this.form.hosDiscreetValue = 100000 * 0.2;
  446. break;
  447. //10亿以上
  448. case '5':
  449. this.form.hosDiscreetValue = 100000 * 0.2;
  450. break;
  451. }
  452. },
  453. immediate: true,
  454. },
  455. },
  456. created() {
  457. this.getList();
  458. },
  459. methods: {
  460. /** 查询商机基础信息列表 */
  461. getList() {
  462. this.loading = true;
  463. listBasic(this.queryParams).then(response => {
  464. this.basicList = response.rows;
  465. this.total = response.total;
  466. this.loading = false;
  467. });
  468. },
  469. // 取消按钮
  470. cancel() {
  471. this.open = false;
  472. this.reset();
  473. },
  474. // 表单重置
  475. reset() {
  476. this.form = {
  477. id: null,
  478. boSource: null,
  479. boState: null,
  480. boStage: null,
  481. boName: null,
  482. referrer: null,
  483. referrerName: null,
  484. boType: null,
  485. customerName: null,
  486. totalHosRevenue: null,
  487. hosDiscreetValue: null,
  488. boContent: null,
  489. marketingArea: null,
  490. marketingAreaName: null,
  491. marketingOrganizing: null,
  492. marketingOrganizingName: null,
  493. marketingArea: null,
  494. dept: null,
  495. deptName: null,
  496. principal: null,
  497. principalName: null,
  498. delFlag: null,
  499. tenantId: null,
  500. revision: null,
  501. createBy: null,
  502. createTime: null,
  503. updateBy: null,
  504. updateTime: null
  505. };
  506. this.resetForm("form");
  507. },
  508. /** 搜索按钮操作 */
  509. handleQuery() {
  510. this.queryParams.pageNum = 1;
  511. this.getList();
  512. },
  513. /** 重置按钮操作 */
  514. resetQuery() {
  515. this.resetForm("queryForm");
  516. this.handleQuery();
  517. },
  518. // 多选框选中数据
  519. handleSelectionChange(selection) {
  520. this.ids = selection.map(item => item.id)
  521. this.single = selection.length!==1
  522. this.multiple = !selection.length
  523. },
  524. /** 新增按钮操作 */
  525. handleAdd() {
  526. this.reset();
  527. this.open = true;
  528. this.operatingState = "Insert";
  529. this.form.principal = this.$store.state.user.id;
  530. this.form.principalName = this.$store.state.user.nickName;
  531. this.form.dept = this.$store.state.user.deptId;
  532. this.form.deptName = this.$store.state.user.deptName;
  533. this.form.marketingOrganizing = this.$store.state.user.orgId;
  534. this.form.marketingOrganizingName = this.$store.state.user.orgName;
  535. this.title = "添加商机基础信息";
  536. },
  537. /** 进入详情按钮操作 */
  538. enterDetails(row) {
  539. console.log('列数据:',row);
  540. this.$router.push(`/basic/spd/bo/basic/details/${row.id}`);
  541. },
  542. /** 修改按钮操作 */
  543. handleUpdate(row) {
  544. this.reset();
  545. const id = row.id || this.ids
  546. getBasic(id).then(response => {
  547. this.form = response.data;
  548. this.open = true;
  549. this.operatingState = "Update";
  550. this.title = "修改商机基础信息";
  551. });
  552. },
  553. /** 提交按钮 */
  554. submitForm() {
  555. this.$refs["form"].validate(valid => {
  556. if (valid) {
  557. if (this.form.id != null) {
  558. updateBasic(this.form).then(response => {
  559. this.$modal.msgSuccess("修改成功");
  560. this.open = false;
  561. this.getList();
  562. });
  563. } else {
  564. addBasic(this.form).then(response => {
  565. this.$modal.msgSuccess("新增成功");
  566. this.open = false;
  567. this.getList();
  568. });
  569. }
  570. }
  571. });
  572. },
  573. /** 删除按钮操作 */
  574. handleDelete(row) {
  575. const ids = row.id || this.ids;
  576. this.$modal.confirm('是否确认删除商机基础信息编号为"' + ids + '"的数据项?').then(function() {
  577. return delBasic(ids);
  578. }).then(() => {
  579. this.getList();
  580. this.$modal.msgSuccess("删除成功");
  581. }).catch(() => {});
  582. },
  583. /** 导出按钮操作 */
  584. handleExport() {
  585. this.download('system/basic/export', {
  586. ...this.queryParams
  587. }, `basic_${new Date().getTime()}.xlsx`)
  588. },
  589. // 提交至OA进行审批
  590. submitOa(row){
  591. const id = row.id;
  592. console.log('id',id);
  593. this.$modal.confirm('确认提交【' + row.boName + '】吗?').then(function() {
  594. return submit(id);
  595. }).then(() => {
  596. this.getList();
  597. this.$modal.msgSuccess("提交成功");
  598. }).catch(() => {});
  599. },
  600. // 触发客户参照列表
  601. refereCustomer() {
  602. this.$refs.customerSelect.init()
  603. },
  604. //客户参照列表选择后
  605. customerSelectionsToInput (selections) {
  606. this.form.customer = selections[0].id;
  607. this.form.customerName = selections[0].name;
  608. },
  609. // 触发销售区域参照列表
  610. refereSaleaea() {
  611. this.$refs.saleaeaSelect.init()
  612. },
  613. //销售区域参照列表选择后
  614. saleaeaSelectionsToInput (selections) {
  615. this.form.marketingArea = selections[0].id;
  616. this.form.marketingAreaName = selections[0].name;
  617. },
  618. // 触发组织参照列表
  619. refereOrg() {
  620. this.$refs.orgSelect.init()
  621. },
  622. //组织参照列表选择后
  623. orgSelectionsToInput (selections) {
  624. this.form.marketingOrganizing = selections[0].deptId;
  625. this.form.marketingOrganizingName = selections[0].deptName;
  626. },
  627. // 触发部门参照列表
  628. refereDept() {
  629. this.$refs.deptSelect.init()
  630. },
  631. //部门参照列表选择后
  632. deptSelectionsToInput (selections) {
  633. this.form.dept = selections[0].deptId;
  634. this.form.deptName = selections[0].deptName;
  635. },
  636. // 触发员工参照列表
  637. refereStaff() {
  638. this.$refs.staffSelect.init()
  639. },
  640. //员工参照列表选择后
  641. staffSelectionsToInput (selections) {
  642. this.form.referrer = selections[0].userId;
  643. this.form.referrerName = selections[0].nickName;
  644. }
  645. }
  646. };
  647. </script>